header h1 {
	background-color: #000;
	margin: 0;
    	}
    	
header div { display: flex; }
header ul.navigation { flex-grow: 1; }
    		
body {
	margin: .1em auto;
	color: white;
	background-color: #000;
	padding: 0 .62em;
	font: .9em/1.9em sans-serif;
	font-family: -apple-system;
}

h1, h2, h3 { line-height: 1.2em; }
a { text-decoration: none; }
footer { margin-top: 5em; }

ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	background-color: #333;
}

li {
	float: left;
}

a:link {
	color: #00FFFF;
}

a:visited {
	color: #90EE90;
}

li a:link, li a:visited {
	display: block;
    color: white;
	text-align: center;
	text-decoration: none;
}

header li { margin-right: 1em; }
header img { height: 1.5em; }
ul.social { float: right; }