.float-from-top {
    -webkit-animation-name: inFromTop;  /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 2s;  /* Safari 4.0 - 8.0 */
    -webkit-animation-fill-mode: forwards; /* Safari 4.0 - 8.0 */
    animation-name: inFromTop;
    animation-duration: 2s;
    animation-fill-mode: forwards;
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes inFromTop {
    from {top: -220px;}
    to {top: 0px;}
}

@keyframes inFromTop {
    from {top: -220px;}
    to {top: 0px;}
}