:root {
	--font-mono: Consolas, 'Andale Mono WT', 'Andale Mono', 'Lucida Console', 'Lucida Sans Typewriter',
		'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Liberation Mono', 'Nimbus Mono L', Monaco,
		'Courier New', Courier, monospace;
	--color-light: #f3f4f6;
}

@media (prefers-color-scheme: dark) {
	:root {
		--color-light: #1f2937;
	}
}

a {
	color: inherit;
}

header > div {
	font-size: clamp(2rem, -0.4742rem + 6.1856vw, 2.75rem);
}

header > div {
	display: flex;
	flex-direction: column;
	align-items: center;
}

header h1 {
	font-size: 1em;
	font-weight: 500;
}
header img {
	width: 2em;
	height: 2.667em;
}

h2 {
	font-weight: 500;
	font-size: clamp(1.5rem, 1rem + 1.25vw, 2rem);
}

.counter {
	display: grid;
	grid-auto-flow: column;
	gap: 1em;
	font-size: 2rem;
	justify-content: center;
	padding: 2rem 1rem;
}

.counter > pre {
	text-align: center;
	min-width: 3ch;
}
