/* ===========================
   HERO ANIMATION
=========================== */

@keyframes floatBook{

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

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

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

}

.one{

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

}

.two{

    animation:floatBook 6s ease-in-out infinite;

}

.three{

    animation:floatBook 7s ease-in-out infinite;

}

.four{

    animation:floatBook 5.5s ease-in-out infinite;

}
/* ===========================
   BUTTON ANIMATION
=========================== */

.btn,
.btn-outline{

    transition:all .35s ease;

}

.btn:hover{

    transform:translateY(-4px);
    box-shadow:0 12px 25px rgba(0,0,0,.25);

}

.btn-outline:hover{

    transform:translateY(-4px);
    box-shadow:0 12px 25px rgba(255,255,255,.25);

}
/* ===========================
   SCROLL ANIMATION
=========================== */




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

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