body {
	font-family: system-ui,sans-serif;
	font-size: 100%;
	line-height: 1.3em;
}

/* FIXME: Make background image show up */
h2 {
	font-size: 300%;
    background-image: url("cornerpot-640-427.jpg");
    background-position: center center;
    background-size: cover;
}

header {
    text-align: center;
}

ul.top-links {
	outline: 1px dotted gray;
	margin: 1em;
	list-style: none;
	padding-left: 0;
}

.top-links li {
	margin: 1em 0 1em 1em;
	line-height: 2em;
	display: inline-block;
	width: 75%;
}

.top-links a {
	background-color: #383;
	padding: .2em;
	display: block;
	border-radius: .4em;
	border: 1px solid #040;
	box-shadow: 2px 2px 4px #aaa;
	text-align: center;
	text-decoration: none;
}

.top-links a:link {color: #fff;}
.top-links a:visited {color: #fff;}
.top-links a:hover {box-shadow: -2px 2px 4px #aaa; background-color: #272;}

section.first {
	background-color: rgba(127,200,127,0.2);
}

section.last {
	background-color: rgba(200,127,127,0.2);
}