.reveal-box {
  opacity: 0;
}

.reveal-box.active-box {
  opacity: 1;
}

.active-box.fade-bottom {
  animation: fade-bottom 0.5s ease-in;
}

@keyframes fade-bottom {
  0% {
    transform: translateY(100px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}