body.login{
	background-color: #555;
	background-image : url('https://amicuslearn.com/wp-content/uploads/2024/10/login-bg-scaled.webp');
	background-position : center center;
	background-repeat : no-repeat;
	height: auto;
}

body.login #login{
	padding-top: 7%;
	padding-bottom: 35px;
	width: 370px;
	max-width: calc(100% - 40px);

}

body.login #login > h1 > a{
	background-image : url('https://amicuslearn.com/wp-content/uploads/2024/10/AmicusLearn-logo.png');
	height: 70px;
	width: 250px;
	background-size : contain;
	background-position : center center;
}


body.login #login form,
body.login #login .notice{
	background-color : #000000a3;
	background-color : #fff;
	box-shadow : 0 0 30px #000;
	border : none;
	border-radius: 15px;
	padding : 25px;
}

body.login #login .notice{
	padding : 18px;
}

body.login #login #nav a,
body.login #login #backtoblog a,
body.login #login .privacy-policy-page-link a{
	color : #fff;
	text-decoration:none;
}

body.login #login #nav a:hover,
body.login #login #backtoblog a:hover,
body.login #login .privacy-policy-page-link a:hover{
	color : #fff;
	text-decoration:underline;
}


@media only screen and (max-width: 992px) {
	body.login #login{
		padding-top: 15%;
	}
}
  
@media only screen and (max-width: 537px) {
	body.login #login{
		padding-top: 15%;
	}
	
}