:root {
	/* color-scheme: light dark; */
	background: black;
	color: #ddd;
}
a {
	color: #0d0;
}
body {
	margin: 1rem auto;
	width: 52rem;
	max-width: calc(100vw - min(4rem, 20vw));
	padding: 0 min(2rem, 10vw) 1rem;
	word-wrap: break-word;
    font-family: 'Berkeley Mono', Menlo, 'Cascadia Code', Consolas, monospace;
	font-size: 1.2rem;
}

nav h1 {
	margin-top: 4rem;
	font-size: 4rem;
}
nav a {
	color: inherit;
	text-decoration: none;
}

header {
	text-align:center;
	margin-top: 6rem;
}
header .subtitle {
	font-size: 2rem;
	font-style: italic;
}
header .date {
	margin-top: 2rem;
}
header h1 {
	font-size: 4rem;
}
h1 .header-section-number::before {
	content: "Article ";
}
h1 .header-section-number::after {
	content: ":";
}
h1 {
	margin-top: 8rem;
	font-size: 2.8rem;
}
h2 {
	margin-top: 2rem;
	font-size: 2.4rem;
}
h3 {
	margin-top: 1rem;
	font-size: 2rem;
}
h4 {
	margin-top: 0.5rem;
	font-size: 1.5rem;
}
h5 {
	margin-top: 0;
	font-size: 1.4rem
}
h6 {
	margin-top: 0;
	font-size: 1.3rem
}
h1, h2, h3, h4, h5, h6 {
	margin-bottom: 0.5rem;
	line-height: 110%;
}
p, ol, ul {
	margin: 0 0 0.5rem;
}