*{
	margin:0;
	padding:0;
	box-sizing:border-box;
	font-family:"poppins",sans-serif;
}

body{
	background-color: #c9d6ff;
	background:linear-gradient(to right,#e2e2e2,#c9d6ff);
}

.container{
	background: #fff;
	width: 450px;
	padding: 1.5rem;
	margin: 50px auto;
	border-radius: 10px;
	box-shadow: 0 20px 35px rgba(0,0,1,0.9);
}

form{
	margin: 0 2rem;
}

.form-title{
	font-size: 1.5 rem;
	font-weight:bold;
	text-align: center;
	padding: 1.3rem;
	margin-bottom: 0.4rem;
}

input{
	color:inherit;
	height: 2rem;
	width: 100%;
	background-color:transparent;
	border:1 px solid grey;
	padding-left:1.5rem;
	font-size:15px;
	border-radius: 5px;
}

.input-group{
	padding: 1% 0;
	position:relative;
}

.input-group i{
	position:absolute;
	color:black;
}

input:focus{
	background-color:transparent;
	outline:transparent;
	border-bottom:2px solid hsl(327,90%,28%);
}

input::placeholder{
	color:grey;
}

label{
	color:#757575;
	position:relative;
	left:1.2em;
	top:-1.3em;
	cursor:auto;
	transition:0.3s ease all;
}


.recover{
	text-align:right;
	font-size:1rem;
	margin-bottom:1rem;
}

.recover a{
	text-decoration:none;
	color:rgb(125,125,235);
}

.recover a:hover{
	color:blue;
	text-decoration:underline;
}

.btn{
	font-size:1.1rem;
	padding:8px 0;
	border-radius:5px;
	outline:none;
	border:none;
	width:100%;
	background:rgb(125,125,235);
	color:white;
	cursor:pointer;
	transition:0.9s;
}

.btn:hover{
	background:#07001f;
	
}

.links{
	display:flex;
	justify-content:space-around;
	padding:0 4rem;
	margin-top:0.9rem;
	font-weight:bold;
}

button{
	color:rgb(125,125,235);
	border:none;
	background-color:transparent;
	font-size:1rem;
	font-weight:bold;
}

button:hover{
	text-decoration:underline;
	color:blue;
}

.input-group select{
	display:flex;
	justify-content:center;
}

#platform{
	width: 10rem;
	height: 2rem;
	border-radius: 10px;
	background-color: white;
	border: 2px solid #eee;
	margin-bottom: 1rem;
	font-size: 16px;
	cursor:pointer;
}

#platform:hover{
	background-color: #f7f7f7;
	box-shadow: 0 2px 3px #eee;
}

fieldset{
	width: 10rem;
	
}
