/* Animation */
.reveal {
  opacity: 0;
  transform: translateY(40px);
  transition:
    opacity 0.7s ease-out,
    transform 0.7s ease-out;
  will-change: opacity, transform;
}

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

.fade-el {
  max-height: 0;
  overflow: hidden;
  transition:
    max-height 0.4s ease-in-out;
}

.fade-el.show {
  max-height: 500px; /* big enough for content */
}