@keyframes slideFromTop {
    0% {
        transform: translateY(-120%);
    }
    20% {
        transform: translateY(-100%);
    }
    100% {
        transform: translateY(0);
    }
}

@-webkit-keyframes slideFromTop {
    0% {
        transform: translateY(-120%);
    }
    20% {
        transform: translateY(-100%);
    }
    100% {
        transform: translateY(0);
    }
}

.slide-from-top {
    animation: 12s ease-out 0s 1 slideFromTop;
}