body {
	background-image: url(https://www.cs.columbia.edu/~smb/understand.png);
	background-position: center;
} 

#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;
}