/* Ændre - Farver - Logo - Background image */
:root {
	--color-background: #efeae2;
	--color-text: #1c1c1c;
	--color-white: #fff;
}

/* Background */
body.login {
	display: flex;
	background-color: var(--color-background);
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

body.login:before {
	content: "";
	position: absolute;
	height: 100vh;
	width: 100vw;
	background-color: var(--color-background);
	opacity: 0.8;
}
/* Logo */
body.login #login h1 a {
	width: 100%;
	max-width: 300px;
	background-size: 80%;
	background-position: center center;
	background-size: contain;
}

body.login #login {
	background-color: var(--color-white);
	padding: 2%;
	border-radius: 5px;
	box-shadow: 0 10px 40px -10px rgba(0, 0, 0, 0.25);
	border: none;
	z-index: 1;
	width: 90%;
	max-width: 400px;
}

body.login #loginform {
	border: none;
	box-shadow: none;
}

body.login #loginform #wp-submit {
	width: 100%;
	margin-top: 10px;
	padding: 5px;
}

.login #login_error,
.login .message,
.login .success {
	box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.15);
}

body.login #nav a {
	color: var(--color-text);
}

body.login #backtoblog a {
	color: var(--color-text);
}