*{
	padding:0;
	margin:0;
	box-sizing:border-box;
}
body{
	font-family:'Poppins',sans-serif;
}
.icon{
	position:fixed;
	height:80%;
	left:0;
	bottom:0;
	z-index:-1;
}
.container{
	width:100vw;
	height:100vh;
	display:grid;
	grid-template-columns:repeat(2,1fr);
	grid-gap:7rem;
	padding:0 2rem;
}
.img{
	display:flex;
	justify-content:flex-end;
	align-items:center;
}
.img img{
	width:500px;
}
.login-form{
	display:flex;
	align-items:center;
	text-align:center;
}
form{
	width:360px;
}
.profile{
	width:100px;
}
form h2{
	font-size:2.9rem;
	text-transform:uppercase;
	margin:15px 0;
	color:#333;
}
.input-fields{
	position:relative;
	display:grid;
	margin:25px 0;
	padding:5px 0;
	border-bottom:2px solid #d9d9d9;
}

.input-fields.focus div h5{
	top:-5px;
	font-size:15px;
}
.input-fields.focus:after,.input-fields.focus:before{
	width:50%;	
}
.input-fields:after,.input-fields:before{
	content:'';
	position:absolute;
	bottom:-2px;
	width:0;
	height:2px;
	background-color:#38d39f;
	transition:.3s;
}
.input-fields:after{
	right:50%;
}
.input-fields:before{
	left:50%;
}
.input-fields.one{
	margin-top:0;
	
}
.input-fields.two{
	margin-bottom:4px;
}

.input-fields > div{
	position:relative;
	height:45px;
}
.input-fields > div h5{
	position:absolute;
	left:10px;
	top:50%;
	transform:translateY(-50%);
	color:#999;
	font-size:18px;
	/* display:none;*/
	transition:.3s;
}
.input{
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	border:none;
	outline:none;
	background:none;
	padding:0.5rem 0.7rem;
	font-size:1.2rem;
	font-family:'Poppins',sans-serif;
	color:#555;
}
a{
	display:block;
	text-align:right;
	text-decoration:none;
	color:#999;
	font-size:0.9rem;
	transition:.3s;
}
a:hover{
	color:#38d39f;
}
.btn{
	display:block;
	width:100%;
	height:50px;
	border-radius:25px;
	margin:1rem 0;
	font-size:1.2rem;
	outline:none;
	border:none;
	background-image: linear-gradient(to right, #2980b9, #6dd5fa, #ffffff); 
	cursor:pointer;
	color:#fff;
	text-transform:uppercase;
	font-family:'Poppins',sans-serif;
	background-size:200%;
	transition: .5s;
}
.btn:hover{
	background-position:right;
}

/*forgot password*/
.outter-box{
	background-color:#0062c4;
	height:800px;
}
.box{
	width:400px;
	height:auto;
	margin:0 auto;
	background-color:white;
}
.inner-box{
	padding:20px;
}
.box h3{
	text-align:center;
	margin:5px 0px;
}
input[type="email"]{
	width:100%;
	padding:10px;
	margin:10px 0px;
	border:2px solid #c0c0c0;
}
input[type="submit"]{
	border:1px solid #3B5998;
	background-color:#3B5998;
	width:200px;
	color:white;
	font-size:14px;
	font-weight:600;
	cursor:pointer;
}