
.form {
    background: #ffffff;
    box-shadow: 3px 3px 7px rgba(0, 78, 160, 0.6);
    border-radius: 5px;
position: relative;
width: 432px;
height: 227px;
color:#004EA0;
padding :10px 36px; 
}
.form_parent{
  display: grid; 
  height: 80vh;
  place-items: center;
 
}
 .auth-text{
     color: #f09502;
     font-weight:700;
     font-size:22px;
     text-align: center;
 
}
            
.submit {
     
    background-color:#004EA0;
    color:White;
    font-weight:bolder;
    text-align:center;
    padding:5px;
    width:80px;
}

.label 
{
   color:#004EA0;
   font-size:18px;
   text-align:left !important;
  padding-top:5px;
}
 .label 
{  
     line-height:20px;
}
.login, .pass
{
 padding-bottom:30px;
}
input 
{
  float: right;
  clear: both;
  padding-left:5px;
  width: 240px;
  margin-right:30px;
  box-shadow: inset 0px 1px 3px #004EA0;
  border:none;
  height:27px;

}
.pass svg
{
    position:absolute;
    right:30px;
    padding-top:5px;
    visibility:hidden;
}
   

 
@media (min-width: 1px) and (max-width: 991.98px) {

.form {
 
width: 65rem;
height: 34rem; 
}
 .auth-text{
     font-weight:700;
     font-size:4rem;
}
            


.label 
{
  
   font-size:3rem;
   text-align:left !important;
   padding-top:1rem;
}
 .label 
{  
     line-height:3rem;
}
.login, .pass
{
 padding:3rem 0;
}
input 
{
  padding-left:1rem;
  width: 40rem;
  font-size:3rem;
  height:4.5rem;

}
.submit {
    font-weight:700;
    font-size:2.5rem;
    
    width:14rem;
    height:6rem
    margin:1rem;
}
 
}
