#main {
margin: 10px 500px ; 
padding : 10px; 
 
background-color: #EDF3F7 ;
height: 800px;
width: 30%;
border-radius: 5% ;
align-content: center;


}


#formsection {

width: 80%; 
margin-top : 10px; 
margin-left : auto; 
margin-right : auto; 
padding : 10px; 
background-color: #F9FBFC ;
display: block ; /* the default for span */
align-content: center;
border-radius: 5% ;
line-height: 1 em;

}

#form_login {
    height: 300px; 
    width: 80%; 
    margin-top : 10px; 
    margin-left : auto; 
    margin-right : auto; 
    padding : 10px; 
    background-color: #F9FBFC ;
    display: block ; /* the default for span */
    align-content: center;
    border-radius: 5% ;
    line-height: 1 em;
    
    }
#err_msg {

    width: 80% ; 
    height : 50px; 
    margin : 20px; 
    padding : 10px; 
    
    text-align: center ;
    border-radius: 5% ;
    background-color : rgb(243, 243, 241); 
    
    
    }
#msg {

        width: 80% ; 
        height : auto; 
        margin-top : 10px; 
        margin-left : auto; 
        margin-right : auto; 
        padding : 10px; 
        background-color: #F9FBFC ;
        display: block ; /* the default for span */
        align-content: center;
        border-radius: 5% ;
        line-height: 1 em;
        text-align: center ;
        border-radius: 5% ;
        background-color : #F9FBFC; 
        
        
}
       

#form #title {

text-align : center;     
}

.form-control {

margin : 10px; 
padding : 10px;     
display : block; 
   

}

input {

display : block; 
padding : 5px; 
margin : 5px 10px; 

}

button {
margin : 0px 5px; 
float : right; 
align-content: right;    
}