/* Bottom */ 

.reveal [class*='reveal-'] {
  opacity: 0;
  transform: translateY(60px);
}

.reveal-visible [class*='reveal-'] {
  opacity: 1;
  transform: translateY(0);
  transition: 1s cubic-bezier(0, 1.01, .99, 1);
}

.reveal-visible .reveal-2 {
  transition-delay: 0.5s;
}

.reveal-visible .reveal-3 {
  transition-delay: 0.7s;
}

.reveal-visible .reveal-4 {
  transition-delay: 0.9s;
}


/* Right */ 

.revealright [class*='revealright-'] {
  opacity: 0;
  transform: translateX(-120px) rotate(120deg);
}

.revealright-visible [class*='revealright-'] {
  opacity: 1;
  transform: translateX(0) rotate(0deg);
  transition: 1s cubic-bezier(0, 1.01, .99, 1);
}

.revealright-visible .revealright-2 {
  transition-delay: 0.5s;
}

.revealright-visible .revealright-3 {
  transition-delay: 0.7s;
}

.revealright-visible .revealright-4 {
  transition-delay: 0.9s;
}

/* left */ 

.revealleft [class*='revealleft-'] {
  opacity: 0;
  transform: translateX(160px);
}

.revealleft-visible [class*='revealleft-'] {
  opacity: 1;
  transform: translateX(0);
  transition: 1s cubic-bezier(0, 1.01, .99, 1);
}

.revealleft-visible .revealleft-2 {
  transition-delay: 0.5s;
}

.revealleft-visible .revealleft-3 {
  transition-delay: 0.7s;
}

.revealleft-visible .revealleft-4 {
  transition-delay: 0.9s;
}