.reveal {
  opacity: 0;
  transition: all 1.5s cubic-bezier(.475,.425,0,.995);
}
.reveal.active {
  opacity: 1;
}


.reveal--bottom-to-top {
  transform: translateY(150px);
}
.reveal--bottom-to-top.active {
  transform: translateY(0);
}

.reveal--top-to-bottom {
  transform: translateY(-150px);
}
.reveal--top-to-bottom.active {
  transform: translateY(0);
}

.reveal--right-to-left {
  transform: translateX(150px);
}
.reveal--right-to-left.active {
  transform: translateY(0);
}

.reveal--left-to-right {
  transform: translateX(-150px);
}
.reveal--left-to-right.active {
  transform: translateY(0);
}

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


.reveal-1by1[data-appearance="2"] {
  transition-delay: 0.25s;
}
.reveal-1by1[data-appearance="3"] {
  transition-delay: 0.5s;
}
.reveal-1by1[data-appearance="4"] {
  transition-delay: 0.75s;
}
.reveal-1by1[data-appearance="5"] {
  transition-delay: 1s;
}
.reveal-1by1[data-appearance="6"] {
  transition-delay: 1.25s;
}
.reveal-1by1[data-appearance="7"] {
  transition-delay: 1.5s;
}
.reveal-1by1[data-appearance="8"] {
  transition-delay: 1.75s;
}
.reveal-1by1[data-appearance="9"] {
  transition-delay: 2s;
}
.reveal-1by1[data-appearance="10"] {
  transition-delay: 2.25s;
}