p, h1, h2, h3, h4, h5, span, a {
    opacity: 0;
    scale: 0;
    transition: 600ms ease;
}



.scroll-in {
    opacity: 0;
    translate: 50% 0;
    /*scale:0;*/
    transition: 600ms ease;
}

.scroll-up {
    opacity: 0;
    translate: 0 150%;
    /*scale:0;*/
    transition: 600ms ease;
}

.scale-in {
    opacity: 0;
    scale: 0;
    transition: 600ms ease;
}

    .scroll-in.reveal,
    .scroll-up.reveal,
    .scale-in.reveal,
    p.reveal,
    h1.reveal,
    h2.reveal,
    h3.reveal,
    h4.reveal,
    h5.reveal,
    span.reveal,
    a.reveal
    {
        opacity: 1;
        translate: 0;
        scale: 1;
    }