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


.hero-content > *{


    opacity:0;

    animation:fadeUp 1s forwards;


}



.hero-tag{

animation-delay:.2s;

}


.hero h1{

animation-delay:.4s;

}



.hero-text{

animation-delay:.6s;

}



.hero-buttons{

animation-delay:.8s;

}




@keyframes fadeUp{


from{


opacity:0;

transform:translateY(40px);


}



to{


opacity:1;

transform:translateY(0);


}


}

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


.fade-up{

    opacity:0;

    transform:translateY(40px);

    transition:
    opacity .8s ease,
    transform .8s ease;

}


.fade-up.visible{

    opacity:1;

    transform:translateY(0);

}