tyle>
    .preloader {
      display: flex;
      height: 100vh;
      align-items: center;
      justify-content: center;
      line-height: 1.8em;
      flex-direction: column;
    }


    .preloader h1 {
      margin-top: 1rem;
      font-weight: bold;
      font-size: 1.44rem;
    }

    .loader {
      animation: rotate 1s infinite;
      height: 50px;
      width: 50px;
    }

    .loader:before,
    .loader:after {
      border-radius: 50%;
      content: '';
      display: block;
      height: 20px;