.reveal {
  opacity: 0;
  transform: translateY(40px);
  transition: .7s ease;
}

.reveal.active {
  opacity: 1;
  transform: translateY(0);
}

.reveal-delay {
  opacity: 0;
  transform: translateY(60px);
  transition: 1s ease;
}

.reveal-delay.active {
  opacity: 1;
  transform: translateY(0);
}