@import url('https://fonts.googleapis.com/css?family=Ubuntu:400,500');

body{background:#000;color:#fff}

html, body, p, form,fieldset legend, label, input
{font: 400 24px 'Ubuntu',sans-serif;}


input
, button
{width:50%}

input{text-align: center;background:transparent;padding: 10px 0;margin-bottom: 20px;color:#fff;border: 1px solid #666;}
input::placeholder{color:#333}

input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active{transition:"color 9999s ease-out, background-color 9999s ease-out";transition-delay:9999s;background-color:transparent}


::-webkit-input-placeholder{color:#f0f0f0;font-size:28px;font-weight:400}
:-ms-input-placeholder{color:#f0f0f0;font-size:28px;font-weight:400}

input:focus::-webkit-input-placeholder{color:transparent}
input:focus::-ms-input-placeholder{color:transparent}

.formulario{margin-top: 5em;text-align: center;}

.login__campos{margin-top: 2em;}


.mensagem_falha_login{display:none; font-size: 0.9em;text-align:center;color: #f00;font-weight: 500;margin-top: 2em;}

.mensagem_falha_login:before{display: block;content:'!';background: #f00;width: 35px;height: 35px;line-height: 35px;font-size: 30px;border-radius:50%;color: #000;margin: 0 auto 10px auto;}

button{margin-top: 20px;height: 50px;background-color: #333;border: none;border-radius: 7px;color: #aaa;font-size: 20px;}
button:hover{background-color: #555;color: #fff}