.preloader {
  position: fixed;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100vw;
  height: 100vh;
  background-color: rgb(0, 0, 0);
  }
  .preloader > *:not(:last-child) {
    margin-bottom: 5px;
  }
 .preloader div p {
    color: rgb(255, 255, 255);
    text-transform: uppercase;
    text-align: center;
    font-family: 'Arial', sans-serif;
    font-size: 10px;
    letter-spacing: 2px;
  }
  .preloader .line {
    width: 1px;
    height: 12px;
    background: rgb(255, 255, 255);
    margin: 0 1px;
    display: inline-block;
    -webkit-animation: opacity 1000ms infinite ease-in-out;
            animation: opacity 1000ms infinite ease-in-out;
  }
  .preloader .line-1 { 
    -webkit-animation-delay: 800ms; 
            animation-delay: 800ms;
  }
  .preloader .line-2 { 
    -webkit-animation-delay: 600ms; 
            animation-delay: 600ms;
  }
  .preloader .line-3 { 
    -webkit-animation-delay: 400ms; 
            animation-delay: 400ms;
  }
  .preloader .line-4 { 
    -webkit-animation-delay: 200ms; 
            animation-delay: 200ms;
  }
  .preloader .line-6 { 
    -webkit-animation-delay: 200ms; 
            animation-delay: 200ms;
  }
  .preloader .line-7 { 
    -webkit-animation-delay: 400ms; 
            animation-delay: 400ms;
  }
  .preloader .line-8 { 
    -webkit-animation-delay: 600ms; 
            animation-delay: 600ms;
  }
  .preloader .line-9 { 
    -webkit-animation-delay: 800ms; 
            animation-delay: 800ms;
  }
  @-webkit-keyframes opacity { 
    0% { 
      opacity: 1;
      height: 15px;
    }
    50% { 
      opacity: 0;
      height: 12px;
    }
    100% { 
      opacity: 1;
      height: 15px;
    }  
}
  @keyframes opacity { 
    0% { 
      opacity: 1;
      height: 15px;
    }
    50% { 
      opacity: 0;
      height: 12px;
    }
    100% { 
      opacity: 1;
      height: 15px;
    }  
}