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

.login-page{
	background: rgb(2,0,36);
	background: linear-gradient(152deg, rgba(2,0,36,1) 0%, rgba(102,8,159,1) 0%, rgba(66,2,106,1) 100%);
	width: 100%;
	height: 100vh;
}

form{
	width: 85%;
}

.login-page h3{
	font-size: 32px;
    color: white;
}

.form-control:focus {
	border-color: #28a74600;
	box-shadow: 0 0 0 0.2rem rgba(40, 167, 70, 0);
} 

.account {
    margin-top: -10px;
}

.bi-eye-slash{
	padding-top: 36px;
	color: #510381;
}

.bi-eye{
	padding-top: 36px;
	color: #510381;
}

button{
	width: 100%;
	border: 3px solid #fff;
	border-radius: 10px;
	background: rgb(2,0,36);
	background: linear-gradient(152deg, rgba(2,0,36,1) 0%, rgba(102,8,159,1) 0%, rgba(66,2,106,1) 100%);
}

@media (min-width: 760px) and (max-width: 1200px){
	form{
		width: 350px;
	}

	button{
		width: 350px;
	}
}

@media (min-width: 1200px){
	form{
		width: 350px;
	}

	button{
		width: 350px;
	}
}