:root {
	--bg: #dbe4ff;
	--fg: #364fc7;
	font-size: 20px;
}
body {
	background-color: var(--bg);
	color: var(--fg);
	font-family: 'Iowan Old Style', 'Palatino Linotype', 'URW Palladio L', P052, serif;
	font-size: 1rem;
	line-height: 1.5rem;
	margin: 0;
	overflow: hidden;
	padding: 0;
	text-align: left;
}
div#grid {
	display: grid;
	height: calc(100vh - 6rem);
	justify-content: left;
	margin: 0;
	overflow: auto;
	padding: 3rem;
	place-items: center;
	scrollbar-width: none;
	width: calc(100vw - 6rem);
	-ms-overflow-style: none;
}
div#grid::-webkit-scrollbar {
	display: none;
}
a {
	color: inherit;
	text-underline-offset: 4px;
}
a:hover {
	text-decoration: none;
}
code {
	font-family: ui-monospace, 'Cascadia Code', 'Source Code Pro', Menlo, Consolas, 'DejaVu Sans Mono', monospace;
	font-size: .9rem;
}
svg {
	display: inline-block;
	height: 1em;
	width: 1em;
	fill: var(--fg);
	transform: translateY(15%);
}
p svg:last-of-type {
	font-size: 1.2em;
	transform: translateY(20%);
}
div#navigation {
	display: flex;
	flex-direction: row;
	gap: .375rem;
	bottom: 1rem;
	position: fixed;
	right: 1rem;
}
div#navigation a {
	flex: 1;
}
@media (prefers-color-scheme: dark) {
	:root {
		--bg: #364fc7;
		--fg: #dbe4ff;
	}
}