:root {
	--bg: #fff;
	--fg: #000;
	--link: #f7931a;
}
html {
	font-family: arial, sans-serif;
	background-color: var(--bg);
	color: var(--fg);
	text-align: center;
	margin: 1rem;
}
body {
	max-width: 21rem;
	margin: 0 auto;
}
a {
	color: var(--link);
}
svg a {
	color: var(--fg);
}
svg a:hover {
	color: var(--link);
}
svg a:focus {
	outline: 2px solid var(--fg);
	outline-offset: -2px;
}
header {
	margin-bottom: 2rem;
}
header svg {
	aspect-ratio: 291.386 / 30.401;
	max-width: 500px;
}
main p {
	font-size: 1.1rem;
}
main div {
	font-size: small;
}
main span {
	display: block;
}
footer {
	margin-top: 2rem;
}
footer pre {
	display: inline;
	font-size: 1rem;
}
@media (prefers-color-scheme: dark) {
	:root {
		--bg: #000;
		--fg: #fff;
	}
}