.container {
    margin-top: 100px;
    background-color: #fff;
    padding: 50px;
    border-radius: 10px;
    animation: fadein 1s;
    -webkit-animation: fadein 1s;
    -moz-animation: fadein 1s;
    -o-animation: fadein 1s;
}

@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}

@-moz-keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}

@-webkit-keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}

@-o-keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}

.logo {
    margin-bottom: 30px;
}

.logo img {
    max-width: 100%;
}

.form-group label {
    color: #00112b;
    animation: slidein 1s;
    -webkit-animation: slidein 1s;
    -moz-animation: slidein 1s;
    -o-animation: slidein 1s;
}

@keyframes slidein {
    from {
        margin-left: -50%;
        opacity:0;
    }
    to {
        margin-left: 0%;
        opacity:1;
    }
}

@-moz-keyframes slidein {
    from {
        margin-left: -50%;
        opacity:0;
    }
    to {
        margin-left: 0%;
        opacity:1;
    }
}

@-webkit-keyframes slidein {
    from {
        margin-left: -50%;
        opacity:0;
    }
    to {
        margin-left: 0%;
        opacity:1;
    }
}

@-o-keyframes slidein {
    from {
        margin-left: -50%;
        opacity:0;
    }
    to {
        margin-left: 0%;
        opacity:1;
    }
}

.form-group input {
    background-color: #f2f2f2;
    border: none;
    border-radius: 5px;
    padding: 10px;
    color: #00112b;
    animation: fadein 1s;
    -webkit-animation: fadein 1s;
    -moz-animation: fadein 1s;
-o-animation: fadein 1s;
}

.form-group input:focus {
outline: none;
}

.btn-login {
background-color: #1776b1;
border: none;
border-radius: 5px;
padding: 10px 30px;
color: #00112b;
font-weight: bold;
cursor: pointer;
animation: fadein 1s;
-webkit-animation: fadein 1s;
-moz-animation: fadein 1s;
-o-animation: fadein 1s;
color: #fff;
}

.btn-login:hover {
background-color: #00112b;
}

@media (max-width: 768px) {
.container {
    padding: 30px;
}

.logo img {
    max-width: 100%;
}
}