@keyframes top-fall {
    from { opacity: 0;margin-top: -1000px;}
    to { opacity: 1;margin-top: 14%;}
}

.login-container {
    margin-top: -1000px;
    animation-name: top-fall;
    animation-duration: 3s;
    animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
}

@keyframes fog-in {
    from {opacity: 0;}
    to {opacity: 1;}
}

.container-fade-in {
    animation-name: fog-in;
    animation-duration: 4s;
    animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
}

@keyframes left-bounce {
    from {opacity: 0; margin-left: -1000px;}
    to {opacity: 1; margin-left: 0px;}
}

.container-left-bounce {
    animation-name: left-bounce;
    animation-duration: 3s;
    animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
}