/* CSS Document */

*{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    font-family: 'poppins', sans-serif;
}
body{
    background-color: #4e34b6;
}
.login-form{
    position: relative;
    min-height: 100vh;
    z-index: 0;
    background: #4e34b6;
    padding: 40px;
    justify-content: center;
    display: grid;
    grid-template-columns: auto;
    align-items: center;
}

.container{
max-width: 800px;
margin: 0 auto;
}
.login-form h1{
text-align: center;
font-size: 2.5rem;
font-weight: 400;
color: #fff;
}
.login-form h2{
line-height: 40px;
margin-bottom: 5px;
font-size: 30px;
font-weight: 500;
color: #272346;
text-align: center;
}

login-form .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: #dfe5ea;
background-size: cover;
padding: 40px;
border-top-right-radius: 8px;
border-bottom-right-radius: 8px;
align-items: center;
display: grid;

}

.form-img img{
max-width: 100%;
}
p{
color: #666;
font-size: 16px;
line-height: 25px;
opacity: 0.6;
text-align: center;
}

.btn,button, input{
border-radius: 35px;
}
.btn:hover,
button:hover{
transition: 0.5s ease;
}

a{
text-decoration: none;
}
.login-form form{
margin: 30px 0;
}
.login-form input{
outline: none;
margin-bottom: 15px;
font-stretch: 16px;
color: #999;
text-align: left;
padding: 14 100%;
}