/* 
  This file only contains CSS that is impossible to do with Tailwind utility classes,
  such as defining the keyframes for our animations.
*/

/* Scroll Animation Setup */
.scroll-animate {
    opacity: 0;
    transition: opacity 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition-delay: var(--delay, 0s);
}

.scroll-animate[data-animation="fade-in-up"] { transform: translateY(50px); }
.scroll-animate[data-animation="fade-in-left"] { transform: translateX(-50px); }
.scroll-animate[data-animation="fade-in-right"] { transform: translateX(50px); }

.scroll-animate.is-visible {
    opacity: 1;
    transform: translate(0, 0);
}