.main-container{

background: linear-gradient(90deg, rgba(63,94,251,1) 0%, rgba(252,70,107,1) 100%);
min-height:80vh;    row-gap: 2em;
height:fit-content;
display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;    width: 100%;
}
#login-section{    display: flex;
    justify-content: center; width: 100%;
    align-items: center;}
#login-wrapper{    width: 35%;
    display: flex;
    flex-direction: column;}
.contactUsForm{display: flex;
    flex-direction: column;
    border: 1px solid black;
    border-radius: 20px;background: wheat;
    padding: 2em 4em 2em 4em;}
.contactUsForm h2{text-align:center; margin:1em auto;}
.contactUsForm .btn{margin:1em auto;}
#user_login_form{    display: flex;
    flex-direction: column;    margin: auto 2em auto 2em;}
#user_login_form label{margin-top: 0.5em;}
#user_login_form input, password, select{padding: 0.5em 1em 0.5em 1em;
    font-size: 20px;margin-bottom: 0.5em;    border-radius: 5px;
    border: 1px solid #817878;font-size: 18px;
}
#confirmation_block{
    display: flex;
    flex-direction: column;text-align:center;justify-content: center;
    align-items: center;
}
.signup_text_box{    width: 100%;}
#login_block_1{    display: flex;
    flex-direction: column;}



.login{  
width: 35%;
    overflow: hidden;
    display: flex;
    /* background: #23463f; */
    border-radius: 15px;
    justify-content: center;
    align-items: center;
    padding: 40px 40px;
    background: wheat; 
    flex-direction: column;          
}  
.login h2{    margin-bottom: 20px;}
.login p{    margin-bottom: 20px;}
#Uname{  
    width: 300px;  
    height: 30px;  
    border: none;  
    border-radius: 3px;  
    padding-left: 8px;  
}  
#Pass{  
    width: 300px;  
    height: 30px;  
    border: none;  
    border-radius: 3px;  
    padding-left: 8px;  
      
}  
#log{  
    width: 300px;  
    height: 30px;  
    border: none;  
    border-radius: 17px;  
    padding-left: 7px;  
    color: blue;  
  
  
}  
span{  
    color: white;  
    font-size: 17px;  
} 
.user_name{ 
    color:#1c6de7;
     /*text-decoration: underline; 
     text-underline-position: under; 
     text-decoration-color: blue; 
     text-decoration-thickness: 2px; */
}
@media screen and (min-device-width: 350px) and (max-device-width: 600px)
{
.main-container{
background: rgb(63,94,251);
background: linear-gradient(90deg, rgba(63,94,251,1) 0%, rgba(252,70,107,1) 100%);
min-height:fit-content;
height:fit-content;
display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
padding: 2em 0em 2em 0em;
}

.main-container h2{font-size: 16px;}
#login-section{    display: flex;
    justify-content: center; width: 100%;
    align-items: center;}
#login-wrapper{    width: 90%;
    display: flex;
    flex-direction: column;}
.contactUsForm{display: flex;
    flex-direction: column;
    border: 1px solid black;
    border-radius: 20px;background: wheat;
justify-content: center;
    align-items: center;
    padding: 2em 0em 2em 0em;}
.contactUsForm h2{text-align:center; margin:1em auto;}
.contactUsForm .btn{margin:1em auto;}
#user_login_form{    display: flex;
    flex-direction: column;    margin: auto 2em auto 2em;}
#user_login_form label{margin-top: 0.5em;}
#user_login_form input, password, select{padding: 0.5em 1em 0.5em 1em;
    font-size: 20px;margin-bottom: 0.5em;    border-radius: 5px;
    border: 1px solid #817878;font-size: 14px;
}


.login{  
width: 90%;
    overflow: hidden;
    margin: auto;
    display: flex;
    /* background: #23463f; */
    border-radius: 15px;
    justify-content: center;
    align-items: center;
    padding: 40px 40px;
    background: wheat; 
    flex-direction: column;          
}  
.login h2{    margin-bottom: 20px;}
.login p{    margin-bottom: 20px;}
#Uname{  
    width: 300px;  
    height: 30px;  
    border: none;  
    border-radius: 3px;  
    padding-left: 8px;  
}  
#Pass{  
    width: 300px;  
    height: 30px;  
    border: none;  
    border-radius: 3px;  
    padding-left: 8px;  
      
}  
#log{  
    width: 300px;  
    height: 30px;  
    border: none;  
    border-radius: 17px;  
    padding-left: 7px;  
    color: blue;  
  
  
}  
span{  
    color: white;  
    font-size: 17px;  
} 
}