/* ================================
   SCROLL REVEAL
================================ */

.reveal {

    opacity: 0;

    transform: translateY(60px);

    transition:
        opacity 1s ease,
        transform 1s ease;
}

/* ACTIVE */
.reveal.active {

    opacity: 1;

    transform: translateY(0);
}