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

@keyframes fadeInUp{

    from{

        opacity:0;

        transform:translateY(40px);

    }

    to{

        opacity:1;

        transform:translateY(0);

    }

}

@keyframes float{

    0%{

        transform:translateY(0);

    }

    50%{

        transform:translateY(-15px);

    }

    100%{

        transform:translateY(0);

    }

}

@keyframes bounce{

    0%,100%{

        transform:translate(-50%,0);

    }

    50%{

        transform:translate(-50%,-15px);

    }

}

.fade-up{

    animation:fadeInUp 1s ease both;

}

.float{

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

}

.rotate{

    animation:spin 20s linear infinite;

}

@keyframes spin{

    from{

        transform:rotate(0deg);

    }

    to{

        transform:rotate(360deg);

    }

}