body{
    background-color:#1B1F27;
    font-family: Arial, Helvetica, sans-serif;
    padding: 0; margin: 0; box-sizing: border-box;
}


.area-login{

    display:flex;
    height: 100vh;
    justify-content: center;
    align-items: center;

}

.login {
    display: flex;
    flex-direction: column; /* Correção: colunm para column */
    align-items: center;
    background-color: #181920;
    width: 335px;
    height: 300px;
    padding: 20px;
    border-radius: 20px;
}

.login form{
    display:flex;
    flex-direction: column;
    width:100%;
}

.login input{
    margin-top: 10px;
    background-color: #252A34;
    BORDER: none;
    height: 45px;
    outline: none;
    border-radius: 8px;
    color: white;
    padding-left: 10px;
}

.login img{

width:65px;
height:auto;
margin-bottom: 25px;
padding-bottom: 10px
}


input::placeholder{

color:white;
font-size: 13px;

}

form [type="submit"]
{
display:block;
background-color: blue;
font-weight: bold;
}

p{

color: white;
font-size:11px;

margin: 7px 0;
}

a{

    color: blue;
    text-decoration: none;
    font-size:10px;
    margin: 0px 10   ;
}