/* Scroll Animations */

.scroll-fade-in {
  opacity: 0;
  transform: translateY(30px);
  transition: all 600ms cubic-bezier(0.4, 0, 0.2, 1);
}

.scroll-fade-in.visible {
  opacity: 1;
  transform: translateY(0);
}

.scroll-slide-in-left {
  opacity: 0;
  transform: translateX(-50px);
  transition: all 600ms cubic-bezier(0.4, 0, 0.2, 1);
}

.scroll-slide-in-left.visible {
  opacity: 1;
  transform: translateX(0);
}

.scroll-slide-in-right {
  opacity: 0;
  transform: translateX(50px);
  transition: all 600ms cubic-bezier(0.4, 0, 0.2, 1);
}

.scroll-slide-in-right.visible {
  opacity: 1;
  transform: translateX(0);
}

.scroll-scale-in {
  opacity: 0;
  transform: scale(0.95);
  transition: all 600ms cubic-bezier(0.4, 0, 0.2, 1);
}

.scroll-scale-in.visible {
  opacity: 1;
  transform: scale(1);
}