/* ==========================================================================
   Animations
   ========================================================================== */

[data-animate] {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.8s var(--transition), transform 0.8s var(--transition);
}

[data-animate="fade-left"] {
    transform: translateX(40px);
}

[data-animate="fade-right"] {
    transform: translateX(-40px);
}

[data-animate].animated {
    opacity: 1;
    transform: translate(0, 0);
}