@media (prefers-color-scheme: light) {
	:root {
		--background-color: #f6f5f4;
		--text-color: black;
		--link-color: darkblue;
	}
}

@media (prefers-color-scheme: dark) {
	:root {
		--background-color: #191919;
		--text-color: #E9E9E9;
		--link-color: cyan;
	}
}

body {
	font-family: "Atkinson Hyperlegible", sans-serif;
	text-align: center;
	max-width: 600px;
	margin: auto;
	background-color: var(--background-color);
	color: var(--text-color)
}

a {
	color: var(--link-color);
	font-size: 22px;
}

p {
	font-size: 22px;
}

@font-face {
	font-family: Atkinson Hyperlegible;
	font-style: normal;
	font-display: swap;
	font-weight: 400;
	src: url(/public/woff2/atkinson-hyperlegible-latin-ext-400-normal.woff2) format("woff2"),
		url(/public/woff/atkinson-hyperlegible-all-400-normal.woff) format("woff");
	unicode-range: U+0100-024F,
		U+0259,
		U+1E00-1EFF,
		U+2020,
		U+20A0-20AB,
		U+20AD-20CF,
		U+2113,
		U+2C60-2C7F,
		U+A720-A7FF
}

@font-face {
	font-family: Atkinson Hyperlegible;
	font-style: normal;
	font-display: swap;
	font-weight: 400;
	src: url(/public/woff2/atkinson-hyperlegible-latin-400-normal.woff2) format("woff2"),
		url(/public/woff/atkinson-hyperlegible-all-400-normal.woff) format("woff");
	unicode-range: U+0000-00FF,
		U+0131,
		U+0152-0153,
		U+02BB-02BC,
		U+02C6,
		U+02DA,
		U+02DC,
		U+2000-206F,
		U+2074,
		U+20AC,
		U+2122,
		U+2191,
		U+2193,
		U+2212,
		U+2215,
		U+FEFF,
		U+FFFD
}