.grid_tela_login {
    display: grid;
    grid-template:
        "grid_mensagem"
        "grid_login";
    grid-template-rows: 20vh auto;
    grid-template-columns: 1fr;
    width: 100%;
    min-height: 86vh;
    /*border: 1px solid black;*/
}

.grid_mensagem {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: #3F4C98;
}

.grid_login {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    color: #3F4C98;
}

.grid_mensagem {
    grid-area: grid_mensagem;
    font-size: 37px;
}

.grid_login {
    grid-area: grid_login;
    font-size: 17px;
}

.campo_login {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    box-shadow: 0px 0px 21px 5px rgba(0, 0, 0, 0.2);
    /*box-shadow: 0px 8px 16px rgba(0,0,0,0.2);*/
}

/* .campo_login div {
    padding: 20px;
} */

.p-20 {
    padding: 20px;

}

.campo_login input {
    width: 42vh;
    height: 8vh;
    font-size: 18px;
    background-color: #F2F2F2;
    color: #3F4C98;
    border: 1px solid #3F4C98;
    padding-left: 5%;
    padding-right: 1%;
}

.campo_login button {
    cursor: pointer;
    font-size: 18px;
    color: white;
    background-color: #3F4C98;
    width: 42vh;
    height: 9vh;
    border: 0px;

}

.campo_login button:hover {
    color: white;
    background-color: #DC853D;
}