/*==================================
ANIMATIONS
===================================*/


.fade-up{

    animation:
    fadeUp 1s ease forwards;

}



@keyframes fadeUp{


from{

    opacity:0;

    transform:
    translateY(40px);

}


to{

    opacity:1;

    transform:
    translateY(0);

}


}



.float{


animation:
floating 5s ease-in-out infinite;


}



@keyframes floating{


0%{

transform:translateY(0);

}


50%{

transform:translateY(-15px);

}


100%{

transform:translateY(0);

}


}