body {
	font-family: "Verdana", "Gill Sans", "Helvetica Neue Light", -apple-system, sans-serif;
	font-size: medium;
	padding: 10px 100px 10px 100px;

	counter-reset: h2counter h3counter;
}

h1 {
	color: lightgrey;
	font-size: larger;

	counter-reset: h2counter h3counter;
}
h1 a {
	color: cornflowerblue;
	font-weight: bold;
}

h2 {
	color: black;
	font-size: larger;
	counter-increment: h2counter;
	counter-reset: h3counter;
}
h2:before {
	content: counter(h2counter) ". ";
}

h3 {
	color: dimgrey;
	counter-increment: h3counter;
}
h3:before {
	content: counter(h2counter) "." counter(h3counter) " ";
}

h5 {
	color: darkgrey;
	margin-bottom: 4px;
}

p.tags {
	font-size: 14px;
	color: darkgrey;
	margin-top: 0;
	margin-bottom: 16px;
}

a {
	text-decoration: none;
	color: cornflowerblue;
	font-weight: bold;
	overflow-wrap: break-word;
}

ul {
	padding-left: 12;
}

ol {
	padding-left: 30;
}

blockquote {
	border-left: 3px solid grey;
	margin: 0px 10px;
	padding: 0px 10px;
	font-style: italic;
	color: grey;
}

abstract {
	color: grey;
	font-size: small;
}

::selection {
	background: #FFFB0088;
}

hr {
	border: none;
	height: 1px;
	background-color: grey;
	margin: 30px 20px 30px 20px;
}
hr.bold {
	background-color: darkslategray;
}

summary {
	display: inline;
	list-style: none;
	cursor: pointer;
	color: whitesmoke;
	background-color: grey;
	border-radius: 0.7em;
	padding: 0.3em 0.6em 0.3em 0.6em;
	font-size: small;
}

summary::-webkit-details-marker {
	display: none;
}

details[open] summary {
	margin-bottom: 1em;
}

details[open] summary::before {
	content: "Hide ";
}

details:not([open]) summary::before {
	content: "Show ";
}

@media (prefers-color-scheme: dark) {
	body {
		background-color: #222;
		color: lightgrey;
	}
	h1 {
		color: dimgrey;
	}
	h2 {
		color: white;
	}
	h3 {
		color: whitesmoke;
	}
	p.tags {
		color: dimgrey;
	}

	hr {
		background-color: grey;
	}
	hr.bold {
		background-color: dimgrey;
	}
	strong {
		color: white;
	}
	::selection {
		background: #FFFB0055;
	}
}
