/* INITIAL STATE */

.reveal{
    opacity:0;
    transform:translateY(80px);
    transition:
        opacity 1s ease,
        transform 1s ease;
}

/* ACTIVE STATE */

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

/* DELAYS */

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

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

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

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

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

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

.delay-7{
    transition-delay:0.7s;
}