@charset "UTF-8";

:root {
	color-scheme: light dark;
}

@media (prefers-color-scheme: dark) {
	a:link { color: skyblue; }
	a:visited { color: orchid; }
	a:active { color: red; }
}

body {
	font-family: system-ui, ui-sans-serif, -apple-system, sans-serif;
	margin-top: 2em;
	margin-bottom: 2em;
	margin-left: 1em;
	margin-right: 1em;
	text-align: left;
}

code, pre {
    font-size: small;
	font-family: ui-monospace, monospace;
}

body > div {
	margin-left: auto;
	margin-right: auto;
	max-width: 700px;
	width: fit-content;
}

h1 {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.section {
	margin-top: 2em;
}

.footer {
	font-size: 0.8em;
	font-style: italic;
}

img {
	vertical-align: middle;
}