@import url('https://fonts.googleapis.com/css2?family=Syne:wght@400;700&display=swap');

body {
	background: #000;
	background-image: url(../images/bckg.jpg);
	background-position: top center;
	background-size: 150% auto;
	background-repeat: no-repeat;
	font-family: 'Syne', sans-serif;
	color: #ddd;
	font-size: 1rem;
}

.login form {
	background: #000;
	border: none;
}

.login h1 a {
	background-image: url('../images/logo.png');
	height: 100px;
	width: 320px;
	background-size: 180px;
}

.login form .input,
.login form input[type=checkbox],
.login input[type=text],
.wp-core-ui .button-primary.focus, .wp-core-ui .button-primary:focus {
	background: #111;
	outline: none;
	border: 2px solid #333;
	box-shadow: none;
	border-radius: 0;
	color: #fff;
	font-size: 1.125rem;
	transition: .5s;
}

.login form .input:hover,
.login form input[type=checkbox]:hover,
.login input[type=text]:hover {
	background: #333;
}

.login label {
	color: #fff;
	font-weight: bold;
}

.login #backtoblog a, .login #nav a {
	color: #ddd;
	font-size: 1rem;
}

.login #nav {
	color: #666;
}

.login #nav a:first-child {
	font-weight: bold;
	color: #ed1c24;
}

.login #backtoblog a:hover, .login #nav a:hover, .login h1 a:hover {
	color: #fff;
	text-decoration: underline;
}

.login .button-primary {
	width: 100%;
	background: #ed1c24;
	border: none;
	font-size: 1.125rem;
	transition: .5s;
	border-radius: 0;
}

.login .button-primary:hover {
	background: #ff000a;
}

.login #login_error, .login .message, .login .success {
	border: none;
	background: #000;
}

p {
	line-height: 1.25;
}

input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
	border: 2px solid #333;
	-webkit-text-fill-color: #fff;
	-webkit-box-shadow: 0 0 0px 1000px #333 inset;
	transition: background-color 5000s ease-in-out 0s;
}

.wp-core-ui .button, .wp-core-ui .button-secondary {
	color: #aaa;
}

.wp-core-ui .button-secondary:hover, .wp-core-ui .button.hover, .wp-core-ui .button:hover {
	color: #fff;
}

.wp-core-ui .button, .wp-core-ui .button-secondary {
	font-weight: 500;
	color: #fff;
}

.forgetmenot {
	padding-bottom: .5rem;
}

.login #login_error {
	border: 2px solid #ed1c24;
}

.login a {
	color: #fff;
}

.login .reset-pass-submit button.button {
	background: none;
	border: 2px solid #aaa;
	border-radius: 0;
	margin-bottom: 1rem;
	width: 100%;
}