header {
	text-align:center;
	}
	
ul.top-nav {
	list-style: none;
	padding: 0;	
}

ul.top-nav li {
	outline: 1px dotted white;
	width: 20%;
	display: inline-block;	
	padding: .5em;
	margin: .20em;
	}

h4.classmates-header {
	display: inline;
}

ul.classmates {
	list-style: none;
	padding: 0;
	
}

ul.classmates li {
	outline: 1px dotted white;
	width: 20%;
	display: inline-block;	
	padding: .5em;
	margin: .20em;
}

ul {
	background-color: #363636;
}

h3 {
	text-align: center;
	background-color: white;
	color: black;
}

footer {
	padding: 1em;
	font-size: 8pt;
	font-style: italic;
	text-align: center;
	background-color: white;
	color: black;
}

body {
	font-family: system-ui, sans-serif;
	display: inline-block;
	background-color: black;
	color: white;
	text-align: left;
	
}

html {
	text-align: center;
}

a:link {color: orange;}
a:visited {color: white;}
a:hover {color: purple;}
a:active {color: red;}