body {
		font-family: sans-serif;
		margin: auto;
		max-width: 72ch;
		padding-left: 1ch;
		padding-right: 1ch;
		font-size: 1.3rem;
}

#homepage-portrait {
		margin: auto;
		display: block;
}

#homepage-copy {
		line-height: 1.5;
}


/* header */

header {
		text-align: center;
}

header a {
		font-size: 1.5rem;
		color: black;
		font-weight: bold;
}

#header-logo {
		margin-top: 1em;
		margin-bottom: 2em;
}

#header-logo a {
		background-color: #ffea00;
		color: black;
		padding: 0.3ch;
		font-size: 3rem;
		text-decoration: none;
}

header nav {
		margin-top: 1em;
}

header nav a {
		margin-right: 1em;
		padding: 0.5ch;
}
header nav a:hover {
		background: #ffea00;
}

.selected-nav {
		background: #ffef9d;
}

main {
		margin-top: 1em;
}

pre {
		padding: 1ch;
		border-left: solid 3px black;
}

code {
		font-family: monospace;
		font-size: 110%;
}

pre, code {
		background: #fefec8; /* #fdfdaf; */
}

footer {
		font-size: smaller;
}

var {
    font-family: serif;
}

/* BLOG */
.first-post {
	font-weight: bold;
}