/*
 * General rules
 */

:root {
	font-family: 'IBMPlexMono', monospace;
	text-align: justify;
	font-size: 1.1em;
}

* {
	font-family: inherit;
}

body {
	background-color: white;
	color: black;


	max-width: 65ch;
	min-width: 50ch;
	margin-left: auto;
	margin-right: auto;

	padding-left: 2ch;
	padding-right: 2ch;
}

a {
	color: #0016cd;
}

pre {
	background-color: lightgrey;
	color: black;
	padding: 1ch;
	overflow: scroll;
	font-size: 0.85em;
	scrollbar-width: thin;
}

/*
 * Navbar
 */

nav ul {
	text-align: center;
}

nav ul li {
	display: inline;
	font-size: 1.1em;
}

nav ul > ::before {
	content: '[';
}

nav ul > ::after {
	content: ']';
}

/*
 * Dark mode
 */

@media (prefers-color-scheme: dark) {
	body {
		background-color: #18191b;
		color: #c5c4c4;
	}

	a {
		color: #86beff;
	}

	pre {
		background-color: #2d3034;
		color: #c5c4c4;
	}
}