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

h2{
font-size: 5vw;	
}

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

ul.top-links li {
	outline: 1px dotted red;
	margin: 1em 0 1em 1em;
	line-height: 2em;
	display: inline-block;
		border-radius: 0.7em
	width: 25%;
		
}

.top-links a{
	color: rgb(170,51,106);
	background-color: #ee87a6;
	padding: .3em;
	display: block;
		border-radius: .6em;
		border: 1px solid #aaa
		box-shadow: 4px 3px 5px #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: rgb(170,51,106, 0.2);
}

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