body {
  background: rgba(45, 211, 18, 0.19);
}

h1 {
  text-align: left;
  letter-spacing: 2vw;
}
h1 span {
  display: block;
}

.animate__appear-bounce {
  animation: appear 1s ease-in, bounce 1s 800ms;
}

@keyframes appear {
  from {
    transform: translateY(-1000px);
  }
  to {
    transform: translateY(0px);
  }
}

@keyframes bounce {
  20%,
  53%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translateZ(0);
  }
  40%,
  43% {
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -30px, 0) scaleY(1.1);
  }
  70% {
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -15px, 0) scaleY(1.05);
  }
  80% {
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translateZ(0) scaleY(0.95);
  }
  90% {
    transform: translate3d(0, -4px, 0) scaleY(1.02);
  }
}