p.validade_p {
    margin: 0 0 0 2%;
    color: #d50000;
    font-style: italic;
}

/* formulário */
form {
    width: 40%;
    margin: 5% auto;
}

h1.login {
    color: #1565c0;
    margin-left: 2%;
}

p.login {
    color: #9e9e9e;
    margin: 0 0 2% 3%;
    font-style: italic;
    font-size: 16px;
}

input {
   display: block;
   margin: 1% 0;
   width: 90%;
   font-size: 1.4vw;
   appearance: none;
   box-shadow: none;
   border-radius: none;
   border: none;
}

input:focus {
   outline: none;
}

input {
   padding: 1%;
   border: none;
   border-bottom: solid 2px #c9c9c9;
   transition: border 0.3s;
}

input:focus {
   border-bottom: solid 2px #969696;
}

button.login {
    background-color: #2979FF;
    border-radius: 2px;
    margin: 3% 0 3% 70%;
    color: #fff;
    border: 1px solid #2979FF;
    text-align: center;
    width: 20%;
    padding: 1% 0%;
    font-size: 1.3vw;
    cursor: pointer;
    -webkit-box-shadow: 5px 5px 5px 0px rgba(148,148,148,1);
    -moz-box-shadow: 5px 5px 5px 0px rgba(148,148,148,1);
    box-shadow: 5px 5px 5px 0px rgba(148,148,148,1);
}

button.login:hover {
    background-color: #2962FF;
    border: 1px solid #2962FF;
    -webkit-box-shadow: 2px 2px 5px 0px rgba(148,148,148,1);
    -moz-box-shadow: 2px 2px 5px 0px rgba(148,148,148,1);
    box-shadow: 2px 2px 5px 0px rgba(148,148,148,1);
}