/* Prevent initial animation overflow from creating horizontal scroll */
html, body {
    overflow-x: hidden;
}

/* Global entrance animations */

.joga-animate {
    opacity: 0;
    transform: translateY(28px);
    transition: opacity 0.7s ease, transform 0.7s ease;
    will-change: opacity, transform;
}

.joga-animate--left {
    transform: translateX(-28px);
}

.joga-animate--right {
    transform: translateX(28px);
}

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