/* estilização página inicial */

body{
    background-color: #0165A6;
    height: 100vh;
    margin: 0;
    display:flex;
    align-items: center;
    justify-content: center;
    font-family: Arial, Helvetica, sans-serif;
}

.login-box{
    background-color: white;
    width: 340px;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 4px 10px black;
    display: grid;
    gap: 16px;
}

form{
    display: grid;
    gap: 10px;
}

h1{
    color: #EE363B;
    text-align: center;
}

.login-box form input{
    padding: 10px;
    border-radius: 4px;
    border: 1px solid #ccc;
    outline: none;
}

.login-box form input:focus{
    border-color: #EE363B;
}

.login-box form input[type="submit"]{
    background-color: #EE363B;
    color: white;
    font-size: 16px;
    border: none;
}

.login-box form input[type="submit"]:hover{
    cursor: pointer;
    opacity: 0.9;
}

a{
    font-size: 12px;
    text-align: center;
    text-decoration: none;
    color: #333
}

a:hover{
    text-decoration: underline;
}

.logo{
    display: block;           
    margin: 0 auto -50px;      
    width: 350px;            
    height: 150px;
}