body {
	font-family: 'PT Serif', serif;
	background-color: #ededed;
	color: #161716;
	margin: 0 20px;
	max-width: 140ch;
}
a {
  color: #161716;
  text-decoration: none;
}
a:hover {
  text-decoration: underline dotted;
}
body>header {
	border-bottom: 5px solid #161716;
}
body>header>h1 {
		grid-area: area2;
		font-size: 5rem;
		text-align: center;
		font-weight: bold;
		margin: 0;
}
body>header>div {
		grid-area: area3;
		font-size: 1rem;
		text-align: right;
		padding-bottom: 0.5rem;
		font-style: oblique;
}

nav {
	margin: 5vh 0;
	column-rule: 1px solid #161716;
	column-width: 30ch;
	column-count: auto;
	column-gap: 3ch;
	column-fill: balance;
}
nav>h1 {
		margin: 0 0 -0.75rem 0 ;
		text-decoration: underline;
		column-span: all;
}
nav>h2 {
		column-span: all;
}
nav>div {
		font-style: oblique;
		text-align: justify;
}
nav>img {
		display: block;
		width: calc(100vw - 40px);
		webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
		filter: grayscale(100%);
}
nav>p {
		text-align: justify;
}