:root {
	--global--color-highlight: #ce5e38;
	--login--dark: #555;
}

body {
	background-color: #ddd;
}

#login {
	width: fit-content;
}

#login #backtoblog {
	display: none;
}

#login .forgetmenot {
	display: none;
}

#login h1 {
	display: none;
}

#login form#loginform {
	border: solid 1px var(--global--color-highlight);
	width: fit-content;
	height: 250px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding: 26px 34px 34px;
}

#loginform label {
	text-transform: uppercase;
	font-weight: 600;
}

.submit #wp-submit {
	border: none;
	border-radius: 0;
	background: var(--global--color-highlight);
	color: var(--login--dark);
	text-transform: uppercase;
	font-weight: 600;
}

#login .wp-pwd button {
	display: none !important;
}

#loginform input {
	border: solid 2px var(--login--dark);
	border-radius: 0;
	margin-bottom: 0;
	width: 100%;
}

#loginform input:focus {
	box-shadow: 0 0 0 1px var(--global--color-highlight);
}

#loginform label,
#loginform input {
	font-size: 14pt;
	display: block;
}

#loginform .submit {
	width: 100%;
	align-self: center;
}

#loginform .submit #wp-submit {
	width: 100%;
}

#loginform .user-pass-wrap {
	padding-bottom: 10px;
}

#login p#nav a {
	color: #d0d0d0;
}

#login #login_error {
	border: solid 1px red;
	text-transform: uppercase;
}