:root {
	--bg: #000;
	--fg: #fff;
	--med: #888;
	--line: #444;
	--link1: #08e;
	--link2: #0af;
}
::selection {
	background: var(--fg);
	color: var(--bg);
}

body {
	background: var(--bg);
	color: var(--fg);
	text-align: inline-start;
	line-height: 125%;
	font-family: 'Inter', system-ui, sans-serif;
	letter-spacing: -0.03125em;
	font-feature-settings: 'cv02' 1,'cv03' 1,'cv04' 1, 'cv09' 1, 'cv05' 1, 'ss07' 1, 'ss08' 1, 'cv08' 1, 'cv10' 1;
}
.mono-numbers {
	font-feature-settings: 'cv02' 1, 'tnum' 1, 'cv03' 1,'cv04' 1, 'cv09' 1, 'cv05' 1, 'ss07' 1, 'ss08' 1, 'cv08' 1, 'cv10' 1;
}
p {
	text-align: justify;
}
img {
	user-select: none;
}

nav a img {
	height: 1.25rem;
	width: 1.25rem;
	margin-inline-end: 0.625rem;
	border-radius: 0;
}
nav.center {
	text-align: center;
}
nav.center a img {
	margin: 0 0.5rem;
}
nav a:hover img {
	filter: grayscale(100%) brightness(10000%);
}
nav a.black-on-hover img {
	filter: brightness(0%);
}
nav a.white-on-hover img {
	filter: grayscale(100%) brightness(10000%);
}
nav {
	text-align: inline-start;
	display: block;
	margin: 0.5rem 0;
}
.parentheses {
	color: var(--med);
	font-size: 0.875em;
	line-height: 100%;
}

h1, h2 {
	font-family: InterDisplay, system-ui, sans-serif;
}