body {
}
.login-form {
    position: relative;   
    padding: 30px;
    justify-content: center;  
    grid-template-rows: 1fr auto 1fr;
    align-items: center;
    background-color: antiquewhite;
}

.login-container{
    max-width:800px;
    margin: auto;
  
}
.login-form h1{
    text-align:center;
    font-size:2.5rem;
    font-weight:400;
    color:white;
}

.login-form h2{
    line-height:40px;
    margin-bottom:5px;
    font-size:30px;
    font-weight:500;
    text-align:center;
}

.main{
    position:relative;
    display:flex;
    margin: 30px 0;
}
.content{
    flex-basis:50%;
    padding: 3em 3em;
    background:#fff;
    box-shadow:2px 9px 49px -17px rgba(0,0,0,0.1);
    border-top-left-radius:8px;
    border-bottom-left-radius:8px;

}

.form-img{
    flex-basis:50%;
    background-size:cover;
    padding:40px;
    border-top-right-radius:8px;
    border-bottom-right-radius:8px;
    text-align:center;
    display:grid;
   background-color:#c8c8c8;

}
.form-img img{
    max-width:80%;
}

.btn, button, input{
    border-radius:35px;
}
.login-form form{
    margin: 30px 0;
}
.login-form input{
    outline:none;
    margin-bottom:15px;
    font-stretch:16px;
    color:#999;
    text-align:left;
    padding: 14px 20px;
    width:100%;
    display:inline-block;
    box-sizing:border-box;
    
}
.login-form  button{
    font-size:18px;
    width:100%;
    background-color:maroon;
    color:white;
    font-weight:600;
    padding:14px 15px;
    cursor:pointer;


}