/* ==========================================
   REVEAL SYSTEM
========================================== */

.reveal {

    opacity: 0;

    transform: translateY(40px);

    filter: blur(10px);

    transition:
        opacity .9s cubic-bezier(.22,.61,.36,1),
        transform .9s cubic-bezier(.22,.61,.36,1),
        filter .9s cubic-bezier(.22,.61,.36,1);

    will-change:
        opacity,
        transform,
        filter;

}

.reveal-visible {

    opacity: 1;

    transform: translateY(0);

    filter: blur(0);

}

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

.delay-1{
    transition-delay:.0s;
}

.delay-2{
    transition-delay:.1s;
}

.delay-3{
    transition-delay:.2s;
}

.delay-4{
    transition-delay:.3s;
}

.delay-5{
    transition-delay:.4s;
}

.delay-6{
    transition-delay:.5s;
}