#signinUp{
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    font-family: sans-serif;
    margin-top: -30px;
}
#signinDown{
     
    display: grid;
    grid-template-columns: 32% 67%;
}
#signinLeft{
    height: 750px;
    
    padding: 0px 50px;
}
#signinRight{
    height: 750px;
     
    background-color: #ebeef9 ;
    padding: 0px 200px ;
}
#signinRight>div>img{
   width: 600px;
     height: 400px;
}
#signinRight>div>p{
    width: 55%;
      
 }
 #signinRight>div>button{
     font-size: 20px;
     height: 40px;
     color: blue;
     border: 2px solid blue;
      
 }
#signinRight>div {
     margin-top: 80px;
 }
 #signinLeftGoogle{
    display: grid;
    grid-template-columns: 20% 80%;
    align-items: center;
    justify-content: center;
 }
 #signinLeftGoogle>div:last-child{
    background-color: #4285f4;
    text-align: center;
    font-family: sans-serif;
    color: white;
    margin-left: -25px;
    height: 50px;
    margin-top: 50px;
    border: 1px solid #4285f4;
     border-bottom-right-radius: 5px;
     border-top-right-radius: 5px;
 }
 #signinLeftGoogle>div:first-child>img{
     width: 50px;
     height: 49px;
     margin-top: 53px;
     border: 1px solid #4285f4;
     border-bottom-left-radius: 5px;
     border-top-left-radius: 5px;
 }


 /* ? */
 #signinLeftsso{
    display: grid;
    grid-template-columns: 20% 80%;
    align-items: center;
    justify-content: center;
    margin-top: -30px;
 }
 #signinLeftsso>div:last-child{
    background-color: #696d7f;
    text-align: center;
    font-family: sans-serif;
    color: white;
    margin-left: -25px;
    height: 50px;
    margin-top: 50px;
    border: 1px solid #4285f4;
     border-bottom-right-radius: 5px;
     border-top-right-radius: 5px;
 }
 #signinLeftsso>div:first-child>img{
     width: 50px;
     height: 49px;
     margin-top: 53px;
     border: 1px solid #4285f4;
     border-bottom-left-radius: 5px;
     border-top-left-radius: 5px;
 }
  /*? line */
  #line{
    margin-top: 20px;
  }
  #line>h5 {
    width: 100%; 
    text-align: center; 
    border-bottom: 1px solid #696d7f;  
    line-height: 0.1em;
   
 } 
 
#line> h5 span { 
     background:#fff; 
     padding:0 10px; 
 }
 /*! input */
 #formsignin> form>input{
    width: 100%;
    height: 50px;
    margin-top: -20px;
    border-radius: 5px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    border: none;
    font-weight: 500;
 }
  
 #vehicle1{
    height: 15px;
    width: 15px;
    line-height:0.1em;
    margin-top: 25px;
    font-size: 35px;
 }
#butsigin{
    background-color: #324fbe;
    width: 80%;
    height: 50px;
    border-radius: 5px;
    color: white;
    font-size: 20px;
    border: none;
}