/*=========================================
            REVEAL ANIMATION
==========================================*/

.reveal {
    opacity: 0;
    filter: blur(6px);
    transform: translateY(35px) scale(.98);
    transition: opacity .45s ease, transform .45s cubic-bezier(.22,1,.36,1), filter .45s ease;
    will-change: opacity, transform;
}

    .reveal.active {
        opacity: 1;
        filter: blur(0);
        transform: translateY(0) scale(1);
    }

/*=========================================
            DELAYS
==========================================*/

.reveal-delay-1 {
    transition-delay: .05s;
}

.reveal-delay-2 {
    transition-delay: .10s;
}

.reveal-delay-3 {
    transition-delay: .15s;
}

.reveal-delay-4 {
    transition-delay: .20s;
}

/*=========================================
            CARDS
==========================================*/

.reveal-card {
    opacity: 0;
    transform: translateY(25px);
    transition: opacity .4s ease, transform .4s ease;
}

    .reveal-card.active {
        opacity: 1;
        transform: translateY(0);
    }