/*fadeIn*/
.fadeInCue {
    opacity: 0;
}

.fadeIn{
    animation-name: fadeInAnime;
    animation-duration:.8s;
    animation-fill-mode:forwards;
}

@keyframes fadeInAnime{
    from{
        opacity: 0;
    }

    to{
        opacity: 1;
    }
}
/*-----------*/

/*fadeInUp*/
.fadeInUpCue {
    opacity: 0;
}

.fadeInUp{
    animation-name: fadeInUpAnime;
    animation-duration:.8s;
    animation-fill-mode:forwards;
}

@keyframes fadeInUpAnime{
    from{
        opacity: 0;
        transform: translateY(+100px);
    }

    to{
        opacity: 1;
        transform: translateY(0);
    }
}
/*-----------*/