body
{
	margin: 0px;
	display: grid;
	grid-gap: 4px;
	padding: 4px;
	grid-template-columns: min-content auto;
	grid-template-rows: auto min-content;
}

nav { grid-area: 1/1/2/2; }
article { grid-area: 1/2/2/3; }
footer { grid-area: 2/1/3/3; }

nav, article
{
	border-style: solid;
	border-radius: 3px;
	border-width: 3px;
	padding: 15px;
	overflow: auto;
}

a:link, a:visited { text-decoration: none; color: black; }

/* header styles */

header { text-align: center; }
header h1 { margin: 5px; }

/* navigation styles */

nav { padding-right: 40px; }
nav ul { padding-left: 1em; list-style-type: none; }
nav a:hover { background-color: rgb(200,200,200); }

/* article styles */

article h3, article dl
{
	border-radius: 5px;
	padding: 10px;
}
article h3
{ 
	background-color: rgb(200,200,200);
}
article dl
{
	background-color: rgb(240,240,240);
}
article dt { text-decoration: underline; }
article dd { margin-left: 1em; margin-bottom: 0.5em; }

article a:link, article a:visited { text-decoration: underline solid blue; }