* {
  color: white;
}

body {
  background-color: #080810;
}

.scroller {
  height: 100svh;
  overflow-y: scroll;
  scroll-snap-type: y mandatory;
}

.scroller section {
  height: 100%;
  opacity: 0;
  scroll-snap-align: start;
}

.scroller section div {
  display: flex;
}

.fade-in {
  animation: fade-in 3s forwards;
}

@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}