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

ul.top-links{
	outline: 1px dotted gray;
	margin: 1em;
	list-style: none;
	padding-left: 0;
	
}
 
.top-links li {
	margin: 1em 0 1em 1 em;
	line-height: 2em;
	display: inline-block;
	width: 25%
}

.top-links a {
	color: rgba(200, 180, 200, 1);
	background-color: #383;
	padding: .3em;
	display: block;
	border-radius: .4em;
	border: 3px 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;}
.top-links a:active{}

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

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