.slide-top {
    -webkit-animation: slide-top .5s cubic-bezier(.25, .46, .45, .94) forwards;
    animation: slide-top .5s cubic-bezier(.25, .46, .45, .94) forwards;
}


/*KEYFRAME*/

@keyframes slide-top {
    0% {
        opacity: 0;
        -webkit-transform: translateY(100px);
        transform: translateY(100px)
    }

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