body {
	margin: 0.5em;
	font-size: 100%;
}


h1 { color: #a54242; }
h2 { color: #8c9440; }
h3 { color: #5f819d; }

p {
	max-width: 60ex;
	text-align: justify;
}

table {
	border-collapse: collapse;
}

tr:nth-child(odd) {
	background-color: #f0f0f0;
}

/* ---------------------------------------- */

div[id='Top Heading'] + ul {
	width: 120%;
}

div[id='Top Heading'] + ul li {
	display: inline-block;
	width: 10em;
}

.side {
	display: flex;
	justify-content: space-around;
}

.side > * {
	margin: auto 0 auto 0;
}

/* ---------------------------------------- */

footer {
	font-size: 80%;
	color: gray;
}

.toc + ul {
    height: 100vh;
    position: fixed;
    top: 0;
    right: 1em;
    width: 20%;
}

.toc {
	display: none;
}

.content {
    width: 75%;
	margin-top: -3em;
}

pre.right {
	float: right;
}

li > .tag {
	float: right;
}