.reveal {
    transform: translateY(150px);
    opacity: 0;
    transition: 1s all ease;
    filter: blur(8px);
}
.reveal.active {
    transform: translateY(0);
    opacity: 1;
    filter: blur(0);
}

@-webkit-keyframes zoomin {
    0% {transform: scale(1);}
    50% {transform: scale(1.1);}
    100% {transform: scale(1.1);}
}
@keyframes zoomin {
    0% {transform: scale(1);}
    50% {transform: scale(1.1);}
    100% {transform: scale(1.1);}
}

@keyframes preloader-zoom-in {
    0% {
        transform: scale(1);
        opacity: 1;
        filter: blur(0);
    }
    50% {
        opacity: 0.3;
    }
    100% {
        transform: scale(18);
        opacity: 0;
        filter: blur(4px);
    }
}

@keyframes marquee {
    0% {
        transform: translateX(0)
    }

    to {
        transform: translateX(-50%)
    }
}

@keyframes marquee-left {
    to {
        transform: translateX(0)
    }

    0% {
        transform: translateX(-50%)
    }
}