body {
	height: 99vh;
	margin: 0ch 1ch 1ch 1ch;
	padding: 0px;
	display: grid;
	grid-template-areas: 
		"hdr" 
		"sections"
		"content"
		"footer"
	;
	grid-template-rows: max-content max-content 1fr max-content;
	grid-template-columns: 1fr;
	grid-row-gap: 0ch;
	background: white;
	background-image: url(https://www.cs.columbia.edu/~smb/understand.png);
	background-position: center;
}

h1, h2 {
	font-family: sans-serif;
	color: darkblue;
}

#prologue {
	grid-area: hdr;
	padding-top: 0ch;
	padding-bottom: 0ch;
	padding-left: .5ch;
	padding-right: .5ch;
	margin-bottom: 0ch;
	background-color: rgb(213, 219, 225);
	Color: rgb(0, 0, 255);
	text-align: center;
	font-family: sans-serif;
}

#prologue h1 {
	Color: blue;
	font-size: 250%;
}

#nav {
	display: inline-flex;
	flex-wrap: wrap;
	flex-direction: row;
	justify-content: center;
	overflow-x: auto;
	grid-area: sections;
	width: 100%;
	padding-top: 0ch;
	padding-bottom: 0ch;
	margin-bottom: 0ch;
	color: rgb(224, 224, 224);
	margin: 0ch;
}

.navitem {
	font-family: sans-serif;
	width = 20em;
	color: white;
	margin: 0 .5ch;
	padding: .5ch 1.5ch;
	border-style: solid;
	border-color: darkblue;
	background-color: darkblue;
	margin: 0ch;
	text-decoration: none;
	border-radius: 0 0 .8ch .8ch;
	font-size: 110%;
	margin: 1ch;
}

.navitem a {
	color: white;
}
.navitem a:hover, .navitem a:focus, .navitem a:active{
	background-color: lightblue;
	color: black;
}

#content {
	grid-area: content;
	margin-left: auto;
	margin-right: auto;
	flex-direction: column;
	width: 90%;
	height: auto;
	padding-top: 0px;
	padding-right: 1.5ch;
	padding-left: 1.5ch;
	padding-bottom: 1ch;
	display: flex;
	overflow-y: auto;
}

#epilogue {
	grid-area: footer;
	padding: .5ch;
	margin-top: 1.5ch;
	text-align: center;  
	font-size: 80%;
}       

#footnav {
	display: inline-flex;
	flex-wrap: wrap;
	flex-direction: row;
	justify-content: center;
	overflow-x: auto;
	grid-area: sections;
	width: 100%;
	padding-top: 1.5ch;
	padding-bottom: 1ch;
	color: rgb(224, 224, 224);
}

.footnavitem {
	font-family: sans-serif;
	width = 20em;
	color: darkblue;
	margin: 0 .5ch;
	padding: .5ch 1.5ch;
	border-style: solid;
	border-color: darkblue;
	background-color: lightblue;
	text-decoration: none;
	border-radius: .8ch .8ch 0 0;
	font-size: 120%;
	margin: 1ch;
}

.footnavitem a {
	color: darkblue;
}
.footnavitem a:hover, .footnavitem a:focus, .footnavitem a:active{
	background-color: darkblue;
	color: lightblue;
}

.copyright {
	width: 50%;
	font-size: 70%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 3ex;
	margin-top: 5ex;
}