.reveal,
.reveal-up,
.reveal-down,
.reveal-left,
.reveal-right,
.reveal-scale,
.reveal-rotate{

    opacity:0;

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

    will-change:transform,opacity;

}
.reveal-up{

    transform:translateY(70px);

}
.reveal-down{

    transform:translateY(-70px);

}
.reveal-left{

    transform:translateX(-70px);

}
.reveal-right{

    transform:translateX(70px);

}
.reveal-scale{

    transform:scale(.85);

}
.reveal-rotate{

    transform:
        rotate(-6deg)
        scale(.9);

}
.reveal.active,
.reveal-up.active,
.reveal-down.active,
.reveal-left.active,
.reveal-right.active,
.reveal-scale.active,
.reveal-rotate.active{

    opacity:1;

    transform:none;

}
.reveal-delay-1{

    transition-delay:.15s;

}

.reveal-delay-2{

    transition-delay:.3s;

}

.reveal-delay-3{

    transition-delay:.45s;

}

.reveal-delay-4{

    transition-delay:.6s;

}

.reveal-delay-5{

    transition-delay:.75s;

}
.reveal-blur{

    opacity:0;

    filter:blur(12px);

    transform:translateY(40px);

    transition:

        opacity .9s ease,

        transform .9s ease,

        filter .9s ease;

}

.reveal-blur.active{

    opacity:1;

    filter:blur(0);

    transform:translateY(0);

}
.reveal-zoom{

    opacity:0;

    transform:scale(.82);

    transition:1s cubic-bezier(.22,1,.36,1);

}

.reveal-zoom.active{

    opacity:1;

    transform:scale(1);

}
.reveal-rotate{

    opacity:0;

    transform:

        rotate(-4deg)

        translateY(50px);

    transition:1s;

}

.reveal-rotate.active{

    opacity:1;

    transform:none;

}
.reveal-float{

    opacity:0;

    transform:translateY(60px);

    transition:1s;

}

.reveal-float.active{

    opacity:1;

    transform:translateY(0);

    animation:

        floating 5s ease-in-out infinite;

}
@keyframes floating{

    0%,100%{

        transform:translateY(0);

    }

    50%{

        transform:translateY(-10px);

    }

}
.reveal-pop{

    opacity:0;

    transform:scale(.4);

    transition:.7s;

}

.reveal-pop.active{

    opacity:1;

    transform:scale(1);

}
.reveal-premium{

    opacity:0;

    filter:blur(8px);

    transform:

        translateY(50px)

        scale(.95);

    transition:

        1s cubic-bezier(.22,1,.36,1);

}

.reveal-premium.active{

    opacity:1;

    filter:blur(0);

    transform:none;

}
.reveal{

    opacity:0;

    transform:translateY(40px);

    transition:all .8s ease;

}

.reveal.active{

    opacity:1;

    transform:translateY(0);

}