body.login {
	display:flex;
}
body.login div#login {
	display:grid;
	grid-template-columns:auto;
	grid-template-rows:1fr;
	grid-template-areas:
		"logo"
		"error"
		"message"
		"form"
		"nav"
		"back";
}
body.login div#login div#login_error {
	grid-area:error
}
body.login div#login h1 {
	grid-area:logo;
}
body.login div#login h1 a {
	background-image: url(/wp-content/uploads/2022/04/FRGLogotype-PNG-black.png);
	margin: 0;
	padding: 0;
	width: 100%;
	height: auto;
	background-size: 100%;
	padding-bottom: 40px;
}
body.login div#login p.message {
	box-shadow:none;
	border-color:#93c30b;
	margin-bottom:0;
}
body.login div#login p:not(.message) {
	padding:0;
}
body.login div#login form#loginform, 
body.login div#login form#registerform,
body.login div#login form#lostpasswordform {
	box-shadow:none;
	border:none;
	grid-area:form;
}
body.login div#login form#loginform p {}
body.login div#login form#loginform p label {}
body.login div#login form#loginform input {}
body.login div#login form#loginform input#user_login {}
body.login div#login form#loginform input#user_pass {}
body.login div#login form#loginform p.forgetmenot {}
body.login div#login form#loginform p.forgetmenot input#rememberme {}
body.login div#login form#loginform p.submit {}
body.login div#login form#loginform p.submit input#wp-submit {}
body.login div#login form p.submit input#wp-submit {
	background-color:#000;
	border-color:#000;
	color:#fff;
	font-size: 20px;
	font-weight: 500;
	padding: 0.3em 1em;
	line-height: 1.7em!important;
	border: 2px solid;
	border-radius: 3px;
}
body.login div#login p#nav {
	grid-area:nav;
	margin:0;
	margin-bottom:20px;
}
body.login div#login p#nav a {}
body.login div#login p#backtoblog {
	grid-area:back;
}
body.login div#login p#backtoblog a {}