@font-face {
	font-family: 'Monofur';
	font-weight: 700;
	src: local("monofur"), local("Monofur for Powerline"), monospace;
}

* {
	box-sizing: border-box;
}
html {
	background-color: #8a638b;
	background-image: url('/img/featured');
	background-size: cover;
	background-position: center bottom;
}
body {
	text-align: left;
	font-family: sans-serif;
	color: #fff5db;
	margin: 0;
	float: right;
	max-width: 60em;
	width: 100%;
}
#main {
	background-color: #1e1635;
	max-width: 56em;
	width: 100%;
	height: 100vh;
	overflow-y: scroll;
	display: flex;
	align-items: stretch;
	flex-direction: column;
}
a {
	color: inherit;
	text-decoration-skip-ink: none;
}
a:hover:link {
	color: #f9c547;
}
a:hover:visited {
	color: #d33682;
}
.strike {
	text-decoration: line-through;
}
header {
	margin: 2em 4em 0;
	max-width: 50ch;
	padding: 0;
}
.nav:before, .nav:after{
	border: 1px solid #fff5db;
	height:0px;
	width: 100%;
	content: "";
	margin: 0.2em 0;
	flex-basis: 100%;
}
.nav {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	flex-wrap: wrap;
}
.nav li {
	display: inline-block;
}
.nav > .sep {
	font-family: Monofur, sans-serif;
}
header h1 {
	display: inline-block;
	margin-bottom: 0;
}
.aboutme {
	display: inline-block;
}
.aboutme p {
	margin: 1em;
	padding: 0;
	max-width: 80ch;
	min-height: 6em;
}
.aboutme a > img {
	border-radius: 0.5em;
	border: 0.5em solid #fff5db;
	height: 6em;
	margin: 0 1em 0 0;
	cursor: grab;
}