body {
	background-color: #110022;
	color: #f8f8ff;
	font-family: sans-serif;
	max-width: 1080px;
	margin: 0 auto;
	padding: 0 1em;
	padding-bottom: 3em;
}

#content {
	display: flex;
	flex-wrap: wrap-reverse;
}

p, li, dd, dt {
	line-height: 1.5em;
}

a.footnote-number {
	vertical-align: top;
	font-size: 0.7em;
	text-decoration: none;
}

li {
	padding-top: 0.5em;
}

a, a code {
	color: #30c0ff;
	text-decoration: underline;
}

#header-home-link {
	font-size: 0.618em;
}

main {
	flex: 1;
}

code {
	color: #FAFABE;
}

td {
	padding: 1em;
}

pre {
	border: 1px solid white;
	padding: 1em;
	background-color: black;
	border-radius: 0.5em;
}

/* generated syntax highlighting classes */
pre .kw1, pre .kw2, pre .kw3, pre .kw4 {
	/* keywords */
	font-weight: bold;
	color: #C7CAFF;
}

pre .coMULTI, pre .co1, pre .co0 {
	/* comments */
	font-style: italic;
	color: #C1EBC0;
}

pre .co2 {
	/* c preprocessor */
	color: #F6C2F3;
}

pre .nu0 {
	/* numbers */
	color: #F6CA94;
}

pre .st0, pre .st_h {
	/* strings */
	color: #F09EA7;
}

pre .es1 {
	/* escapes in strings */
	font-weight: bold;
}

pre.bash .re1, pre.bash .re2, pre.bash re4 {
	/* variables in shell scripts */
	color: #F6C2F3;
}

pre.shell-session .prompt {
	font-weight: bold;
}

pre.shell-session .output {
	color: #C0C0C0;
}

blockquote {
	border-left: 2px solid #C7CAFF;
	margin-left: 1em;
	padding-left: 1em;
	color: #C0C0C0;
}

ol.footnotes {
	border-left: 2px solid #9C528B;
	color: #C0C0C0;
	font-style: italic;
}

img.thumbnail {
	padding-right: 1em;
}

div.imagebox {
	border: 1px solid gray;
	padding-bottom: 0.5em;
	img {
		width: 100%;
		padding-bottom: 0.5em;
	}
	span {
		font-style: italic;
		padding-left: 0.5em;
	}
}

/* https://coolors.co/110022-f8f8ff-c7caff-59656f-9c528b */

@media (prefers-color-scheme: light) {
	body {
		background-color: #f8f8ff;
		color: #110022;
	}


	code {
		color: #800080;
	}

	a, a code {
		color: #102060;
	}

	pre {
		border: 1px solid black;
		padding: 1em;
		background-color: white;
		border-radius: 0.5em;
	}

	/* generated syntax highlighting classes */
	pre .kw1, pre .kw2, pre .kw3, pre .kw4 {
		/* keywords */
		font-weight: bold;
		color: #000080;
	}

	pre .coMULTI, pre .co1, pre .co0 {
		/* comments */
		font-style: italic;
		color: #008000;
	}

	pre .co2 {
		/* c preprocessor */
		color: #800000;
	}

	pre .nu0 {
		/* numbers */
		color: #800080;
	}

	pre .st0, pre .st_h {
		/* strings */
		color: #008080;
	}

	pre .es1 {
		/* escapes in strings */
		font-weight: bold;
	}

	pre.bash .re1, pre.bash .re2, pre.bash re4 {
		/* variables in shell scripts */
		color: #808000;
	}

	pre.shell-session .prompt {
		font-weight: bold;
	}

	pre.shell-session .output {
		color: #606060;
	}

	blockquote {
		color: #404040;
	}

	ol.footnotes {
		color: #404040;
	}
}