.reveal {

    opacity:0;

    transform:
    translateY(50px);

    transition:
    all .8s cubic-bezier(.2,.8,.2,1);

}


.reveal.active {

    opacity:1;

    transform:
    translateY(0);

}



.fade-left {

    opacity:0;

    transform:
    translateX(-60px);

    transition:
    .8s ease;

}


.fade-left.active {

    opacity:1;

    transform:
    translateX(0);

}



.fade-right {

    opacity:0;

    transform:
    translateX(60px);

    transition:
    .8s ease;

}


.fade-right.active {

    opacity:1;

    transform:
    translateX(0);

}