label:has(span.error) {
	color: #FF0000;
}
body {
	background-image: url('../images/footer_bg.jpg');
	background-position: 50% 50%;
}

.body.notblog > div > div.left {
	text-align: justify;
	margin-right: 2%;
}

.body,
.footer,
.title {
	background-color: var(--bg-color);
}
form {
	display: grid;
	grid-template-columns: 7em auto;
	grid-template-areas:
		'head head'
		'name inputname'
		'email inputemail'
		'blank1 subject'
		'blank2 checkbox'
		'blank3 subject2'
		'blank4 checkbox2'
		'text body'
		'submit submit';
	margin: 0 !important;
	padding: 0;
}
input, textarea {
	font-size: 1em;
}
textarea {
	height: 10em;
}
form > div > div.checkbox {
	display: grid;
	grid-template-columns:	2em auto;
}

h2, h3 {
	padding: 0.5em 0;
	margin: 0;
}
form > div.desc {
	grid-area: head;
}
form > label.name {
	grid-area: name;
}
form > input[name='name'] {
	grid-area: inputname;
}
form > label.email {
	grid-area: email;
}
form > input[name='email'] {
	grid-area: inputemail;
}
form > .subject {
	grid-area: subject;
}
form > .subjectCheckbox {
	grid-area: checkbox;
}
form > .subject2 {
	grid-area: subject2;
}
form > .subjectCheckbox2 {
	grid-area: checkbox2;
}
form > label.text {
	grid-area: text;
}
form > textarea[name='body'] {
	grid-area: body;
}

form > input[type='submit']{
	grid-area: submit;
}

form > *
{
	margin: 0.5em 0.5em;
}
form > label
{
	text-align: right;
}
form > label.subject,
form > label.subject2
{
	text-align: left;
	margin-bottom: 0;
}