html {
	scroll-behavior: smooth;
	font-size: 62.5%;
	text-size-adjust: none;

	--background: #fff;
	--background-submit-button: #000;
	--color-primary: #f0ece8;
	--input-border: #000;
	--box-shadow: rgba(0,0,0,0.6);
}
body.login { background-color: var(--background); font-size: 1.6rem;line-height: 1.33; }
body.login div#login { display: flex; flex-wrap: wrap; width: auto; max-width: 40.0rem; gap: 2.0rem 1.0rem; justify-content: space-between; }
body.login div#login h1 { margin: 0 auto; font-size: 0; line-height: 0; }
body.login div#login h1 a { display: inline-block; vertical-align: top; width: auto; height: auto; padding: 0; margin: 0 auto; text-indent: 0; font-size: 0; line-height: 0; }
body.login div#login h1 a { background: url(./logo.svg) no-repeat 0 0; width: 23.7rem; height: 2.6rem; background-size: contain; }
body.login div#login form { box-shadow: 0.4rem 0.4rem 0 var(--box-shadow); background-color: var(--color-primary); color: black; width: 100%; margin-top: 0; border: 0; }
body.login div#login form p.submit input#wp-submit { background-color: var(--background-submit-button); color: white; border-radius: 0;  border: 0;  text-shadow: none;  opacity: 1; }
body.login div#login .message { box-shadow: 0.4rem 0.4rem 0 var(--box-shadow); width: 100%; margin: 0; }
body.login div#login #nav { order: 3; padding: 0; margin: 0; text-align: right; }
body.login div#login #nav a { color: var(--color-primary); }
body.login div#login #backtoblog a,
body.login div#login #nav a { background-color: var(--color-primary); display: inline-block; vertical-align: top; color: black; padding: 0.8rem 1.2rem; box-shadow: 0.4rem 0.4rem 0 var(--box-shadow); }
body.login div#login input.input { width: 100%; border: 0.1rem solid var(--input-border); border-radius: 0; background-color: white; padding: 0 2.5rem; font-size: 1.8rem; line-height: 1.10; height: 4.0rem; color: black; }
body.login div#login #backtoblog,
body.login div#login #nav { margin: 0; padding: 0; }
body.login #login_error { width: 100%; margin: 0; box-shadow: 0.4rem 0.4rem 0 var(--box-shadow); }
body.login div#login a,
body.login div#login input[type="submit"] { transition: opacity 0.4s; }

@media (hover: hover), (-ms-high-contrast: none) {
	body.login div#login form p.submit input#wp-submit:hover,
	body.login a:hover,
	body.login #backtoblog a:hover,
	body.login #nav a:hover { opacity: 0.75; }
}