.reveal {
  opacity: 0;
  transform: translateY(1.5rem);
  animation: animate 600ms ease forwards;
}

@keyframes animate {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.reveal.delay-200 {
  animation-delay: 200ms;
}

.reveal.delay-400 {
  animation-delay: 400ms;
}

.reveal.delay-600 {
  animation-delay: 600ms;
}

.reveal.delay-800 {
  animation-delay: 800ms;
}

.reveal.delay-1000 {
  animation-delay: 1000ms;
}

.reveal.delay-1200 {
  animation-delay: 1200ms;
}

.reveal.delay-n {
  animation-delay: calc(600ms + (var(--n, 0) * 0.2s));
}