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:75vh;
    font-family:sans-serif;
    overflow-y:scroll;
    align-items:center;

}

form .content, form .title{
    display:flex;
    flex-direction:column;
    gap:5px;
    align-items:left;
    width:100%;
}


form .title{
    align-items:center;

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

form .content{
}

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

.content label, .content .box{
margin-left:20%;}

.content .btnLogin{
    margin-left:36%;
}
.content .register{
    margin-left:48%;
}


form .btnLogin{

    text-decoration:none;
    color:wheat;
    border:1px solid #f44336;
    background: transparent;
    cursor:pointer;
    padding:10px;
    margin-bottom:10px;
    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%;
    }
}


.bottom{
    border-radius:0px;
    height:5vh;
}
.middle{
    height:75vh;
    
}