body {
	font-family: DejaVu Sans Mono, monospace;
	margin:20px auto;
	max-width:800px;
	line-height:1.5em;
	font-size:1.1em;
	background-color:#282c34;
	color:#bbc2cf;
	padding:0 10px;
	hyphens:auto;
}
header {
	display:flex;
	justify-content:space-between;
	align-items:center;
	white-space:nowrap;
	flex-wrap: wrap;
}

nav {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-end;
	gap: 1rem;
}

nav li { display:inline-block no; margin-right:20px; }
.navlogo { width:50px; height:50px; }
a { color:#e36749; text-decoration:none; }
a:hover { color:#e36749; text-decoration:underline; }
h1, h2, h3 {
	display:inline;
	line-height:1.2;
	color:#e34949;
	font-size:1.3em;
}
h2 { font-size:1.2em; }
h3 { font-size:1.1em; }
.h:hover a[aria-hidden] {
	display:inline;
	color:#e36749;
	size:75%;
}