:root {
	--primary-color: #111;
	--background-color: #eee;

	--line-thickness: round(0.2rem, 1px);

	font-family: "Hanken Grotesk", sans-serif;
	font-display: swap;
	font-size: 13pt;
	background-color: var(--background-color);
	color: var(--primary-color);
}

body {
	padding: 1.5rem;
	box-sizing: border-box;
	width: min(100%, 90ch);
	margin: 1rem auto;
}

header {
	display: flex;
	justify-content: space-between;
	padding-bottom: 1rem;
	border-bottom: var(--line-thickness) solid
		color-mix(in srgb, var(--primary-color) 30%, var(--background-color));
}

img {
	max-width: 100%;
}

h2 {
	margin-top: 3em;
}

p {
	line-height: 1.5em;
}

pre {
	background-color: #ddd;
	border-radius: 0.2rem;
	padding: 1rem;
	overflow-x: auto;
	font-size: 0.9em;
}