html, body {
    margin: 0;
    height: 100%;
    font-family: Space Grotesk, sans-serif;
    color: rgba(0, 0, 0, 0.508);
}

.container {
  height: 100vh;
  overflow-y: scroll;
  scroll-snap-type: y mandatory;
}

.slide {
  height: 100vh;
  scroll-snap-align: start;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 40px;
}

.arrow_animation {
  animation: bounce 2s infinite;
}

@keyframes bounce {
  0%, 100% {
    transform: translate(-50%, 0);
    opacity: 1;
  }
  50% {
    transform: translate(-50%, 15px);
    opacity: 0.6;
  }
}