* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

::placeholder {
    color: #a7a7a7;
}

.body-login {
    display: flex;
    padding: 0;
    margin: 0;
    font-family: sans-serif;
}

.container-formulario-login {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 50%;
    height: 100vh;
    background-color: rgba(102, 153, 255, 0.15);
}

.mensagemFalhaLogin {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50%;
    padding: 10px 0 10px 0;
    margin-bottom: 20px;
    background-color: #ff00003d;

    -webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 2s; /* Firefox < 16 */
        -ms-animation: fadein 2s; /* Internet Explorer */
         -o-animation: fadein 2s; /* Opera < 12.1 */
            animation: fadein 2s;
}

.formulario-login {
    display: flex;
    flex-direction: column;
    min-width: 300px;
    width: 50%;
    min-height: 415px;
    height: 50%;
    padding: 50px;
    background-color: #fff;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

.formulario-login img {
    align-self: center;
    width: 90%;
    height: 80%;
    margin-bottom: 40px;
}

.formulario-login label {
    color: rgb(110, 110, 110);
}

.formulario-login input {
    margin: 5px 0 20px 0;
    padding: 10px 15px;
    border: solid 1px #929090;
    border-radius: 5px;
}

.formulario-login input:focus {
    outline-color: #18b6a3;
}

.formulario-login input[type="submit"] {
    background-color: #0B4347;
    color: #fff;
}

.container-infos-login {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 50%;
    height: 100vh;
    background-color: #0B4347;
}

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

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* ------------------------------ */

@keyframes fadeinout {
    from 0%, 100% { opacity: 0; }
    to   50% { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadeinout {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadeinout {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadeinout {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadeinout {
    from { opacity: 0; }
    to   { opacity: 1; }
}