html * {box-sizing: border-box;}


body {
	font-family: system-ui, sans-serif;
	font-size: 120%;
	line-height: 1.4em;
	background-color: rgb(32,34,75);
	color: #FFEEAA;
}

header {
	background-image: linear-gradient(#101126EE,#101126EE),url("images/hanging-out-eric-fan.jpg");
	background-position: center center;
	/* background-opacity: 40%; */
	padding-top: 0.2em;
	padding-left: 1em;
	background-size: cover;
}

ul.top-nav {
	list-style: none;
	outline: 2px solid #FFEEAA;
	padding: 0.5em;
	padding-left: 0.5em;
	display: inline-block;
	overflow: hidden;
}

ul.top-nav li {
	outline-width: 1px;
	outline-style: dashed;
	outline-color: #FFEEAA;
	width: 15%;
	display: inline;
	padding: .25em;
	margin: .5em;
	overflow: hidden;
}

section {
	text-align: center;
	border: 2px solid #FFEEAA;
	background-color: #8F84;
	width: 20%;
	margin: 1em 0em;
}

section:first-child {
	background-color: #F884;
}

section:last-child {
	background-color: #88F4;
}

section>p {
	background-color: #0002;
}