@keyframes bounce{

0%,20%,50%,80%,100%{

transform:translateY(0);

}

40%{

transform:translateY(-10px);

}

60%{

transform:translateY(-5px);

}

}

@keyframes fadeUp{

    from{

        opacity:0;
        transform:translateY(40px);

    }

    to{

        opacity:1;
        transform:translateY(0);

    }

}

@keyframes floating{

    0%{
        transform: translateY(0px);
    }

    50%{
        transform: translateY(-12px);
    }

    100%{
        transform: translateY(0px);
    }

}

/* ==========================
   SCROLL REVEAL
========================== */

.reveal{
    opacity:0;
    transform:translateY(60px);
    transition:all .8s ease;

}

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

}

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

}

@keyframes loading{
    0%{
        background-position:200% 0;
    }
    100%{
        background-position:-200% 0;
    }

}