body{
    font-family: 'Roboto', sans-serif;
    display: flex; 
    background-image: linear-gradient(white, #b8cfff); 
    height: 100vh; 
    justify-content: center;
}

#body-content{
    display: flex; 
    margin: 7vmax; 
    background-color: #fff; 
    width: 60vmax; border-radius: 2px; 
    box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
}

#div-img{
    display: flex; 
    flex: 1; 
    background-color: rgb(0 113 206); 
    justify-content: center; 
    padding: 2vmax;
}

#div-img img{
    content: url("../resources/favicon.svg");
}

#div-form{
    display: flex; 
    flex: 1; 
    flex-direction: column; 
    padding: 2vmax; 
    justify-content: center;
}

#div-form span{
    margin-bottom: .5vmax; 
    font-size: 14px; 
    font-weight: bold;
}

#div-form input{
    height: 2vmax; 
    margin-bottom: 3vmax;
}

#form-btn{
    border: none; 
    height: 3vmax; 
    border-radius: 5px; 
    align-self: center; 
    margin-top: 2vmax;
    transition: background-color .15s;
    background-color: #e0e1e2;
}

#form-btn:hover{
    background-color: #cacbcd;
    cursor: pointer;
}