form{
    background-color: rgba(243, 208, 95, 0.2);
    display:flex;
    flex-direction:column;
    padding-top: 0px;
    width:54%;
    border-radius: 5px;
    font-size: 1em;
    height:55vh;
    font-family:sans-serif;
}

form .content, form .title{
    display:flex;
    flex-direction:column;
    gap:5px;
    justify-content: center;
    align-items:center;
}

form .title{
    background-color:goldenrod;
    margin:0;
    margin-bottom:20px;
    padding:10px;
    font-weight:bold;
    border-radius:0 0 30px 30px;
}

form .box{
    width:60%;
    height: 2.0em;
    bottom:10px;
    border:0;
    border-radius: 5px;
    background-color: whitesmoke;
    font-size: 0.9em;
    padding:5px;
}

.btnLogin{
    text-decoration:none;
    color:wheat;
    border:1px solid #f44336;
    background: transparent;
    cursor:pointer;
    padding:10px;
    margin-bottom:20px;
    width:30%;
}
.btnLogin:hover{
    border:2px solid goldenrod;
    background:#f44336;
    transition:1s;
}

.register{
    font-size: 18px;
    margin-top:20;
    
}

@media (max-width:440px){
    form{
        width:94%;
    }
}