h1 {
  text-align: center;
}

.L {
  animation: slide-in 1.5s;
}

.L2, .L3 {
  visibility: hidden;
  animation-fill-mode: forwards;
}

.L2 {
  animation-delay: 0.4s;
}

.L3 {
  animation-delay: 0.8s;
}

@keyframes slide-in {
  0% {
    transform: translateX(-2000px);
  }
  60% {
    transform: translateX(30px);
  }
  80% {
    transform: translateX(-10px);
  }
  100% {
    visibility: visible;
    transform: translateX(0);
  }
}

@media screen and (min-width: 1024px) {
  h1 {
    font-size: 12.4vw;
  }
}

@media screen and (min-width: 769px) and (max-width: 1023px) {
  h1 {
    font-size: 14vh;
  }

  .wrapper {
    margin-top: 15vh;
  }
}