/* Hero h1 slide in */

@keyframes slide-up {
  100% {
  transform: translateY(0);
  }
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

div.hero {
  overflow: hidden;
}
#h1-first {
  animation: 1.2s slide-up linear forwards;
  animation-timing-function: ease;
  transform: translateY(4rem);
}
#h1-second {
  animation: 2s slide-up linear forwards;
  animation-timing-function: ease;
  transform: translateY(6rem);
}