/* BASE */
.reveal,
.reveal-left,
.reveal-right,
.reveal-zoom {
  opacity: 0;
  transition: all 0.8s cubic-bezier(0.22, 1, 0.36, 1);
}

/* UP */
.reveal {
  transform: translateY(60px);
}

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

/* LEFT */
.reveal-left {
  transform: translateX(-80px);
}

.reveal-left.active {
  opacity: 1;
  transform: translateX(0);
}

/* RIGHT */
.reveal-right {
  transform: translateX(80px);
}

.reveal-right.active {
  opacity: 1;
  transform: translateX(0);
}

/* ZOOM */
.reveal-zoom {
  transform: scale(0.9);
}

.reveal-zoom.active {
  opacity: 1;
  transform: scale(1);
}

.fade-up {
  opacity: 0;
  transform: translateY(40px);
  transition: all 0.8s ease;
}

.fade-up.show {
  opacity: 1;
  transform: translateY(0);
}