body{
	display:		grid;
	/*justify-content:	center;*/
	grid-gap:		0;
	position:		fixed;
	top:			0;
	bottom:			0;
	width:			100%;
	min-width:		600px;
	grid-template-columns:	250px auto;
}
header{
	width:			100%;
	height:			100%;
	max-width:		250px;
	padding:		0.5em;
	background:		var(--headerBackground);
	color:			var(--headerColor);
	grid-column:		1;
}
header img{
	width:		150px;
	border-radius: 50%;
}
header nav{
	display:	block;
	padding:	1em;
	background:	var(--navBackground);
}
header nav ul{
	text-align:	left;
	padding-left:	2em;
	list-style:	none;
}
header a{
	color:		var(--headerColor);
}
header p{
	text-align:	left;
}
main{
	width:		100%;
	height:		100%;
	max-width:	1350px;
	margin:		0;
	overflow:	auto;
	grid-column:	2;
}
main section > h1{
	background:	var(--headerBackground);
	color:		var(--headerColor);
	margin-bottom: 0;
}
footer{
	width:		100%;
	max-width:	250px;
	padding:	0.5em;
	background:	var(--headerBackground);
	color:		var(--headerColor);
	grid-column:	1;
	position:	absolute;
	bottom:		0;
}
main section{
	margin-bottom: 1.5em;
}
main form{
	background:	var(--navBackground);
	
}
main form label{
	color:		var(--headerColor);
}
article{
	border: 1px solid var(--headerBackground);
	padding: 0;
	margin: 1em;
	border-radius: 0.2em;
}
article > h1{
	font-size: 1.3em;
	padding: 0.3em;
	margin: 0;
	background: var(--headerBackground);
	color: var(--headerColor);
	min-height: 1em;
}
article > h2{
	font-size: 1.2em;
	padding: 0.3em;
	margin: 0;
}
article > p{
	margin: 0.5em;
}