*{
    box-sizing: border-box;
}

@import url('https://fonts.googleapis.com/css2?family=AR+One+Sans:wght@400;500;600;700&family=Bree+Serif&display=swap');

body{
    margin:0;
    font-family: "Poppins", sans-serif;
}

header{
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;        
}

.card_login{   
    flex: 20%;
    margin: 20px;      
    display: flex;
    flex-direction: column;
    align-items: center;    
}

.card_login img{
    width: 300px;
    height: auto;
    margin-bottom: 20px;  
}

.card_login form{
    border-radius: 3px;
    width: 300px;    
    justify-content: center;
    padding: 20px;    
    border-left: 2px solid #0083a9;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

.card_login form label{
    color:  #00283d;
}

.card_login h1 {
    color:  #0083a9;     
    font-family: 'Bree Serif', serif;;
}


.img-headline{   
    flex: 40%;
      
}

.img-headline img{
    width: 100%;
    height: 100vh;
}

/* Azul escuro: #00283d
    Azul claro: #0083a9 */