body { display: flex; flex-wrap: wrap; font-family: sans; }
header {
        flex-basis: 100%;
        height: 5em;
        font-size: 12px;
}
article { flex-basis: 40em; padding-left: 1em; }
footer { flex-basis: 100%; flex-shrink: 0; }
header nav { display: flex; justify-content: space-between; }
nav a, header a { text-decoration: none; color: rgb(33, 69, 53); }
header h1 span { margin-left: 1em; font-size: 50%; font-style: italic; }
body > nav { flex-basis: content; padding-right: 1vw; }
nav ul { display: flex; flex-direction: column; list-style-type: none; list-style-position: outside; padding-left: 0px; }
nav li ul { padding-left: 0.6em; }
footer { display: flex; justify-content: space-between; }
a:hover { text-decoration: underline; }
.thisPage { color: black; }
header nav { background-color: rgb(120, 86, 36); color: white; padding: 0.3em; border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: black; font-size: 91%; }
header a:hover { text-decoration: none; }
body > nav { border-right-width: 1px; border-right-style: solid; border-right-color: rgb(221, 221, 221); padding: 0px; }
body > nav > div { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(221, 221, 221); }
body > nav > div a { color: rgb(33, 69, 53); display: block; text-transform: capitalize; font-weight: bold; padding: 0.25em 1ex 0.25em 2mm; font-size: 90%; border-left: 0.2em solid transparent;}
body > nav > div a:hover { color: white; background-color: rgb(120, 86, 36); text-decoration: none}
footer { color: white; background-color: rgb(100, 135, 220); }
footer a { color: inherit; }
footer div { padding: 1em; }
table { border: 1px solid rgba(128, 128, 128, 0.5); padding: 0px; }
th { color: white; background-color: rgb(100, 135, 220); }
tr:nth-child(2n+1) { background-color: rgba(128, 128, 128, 0.1); }
body { margin: 0px; padding: 0px; font-size: 84%; }
a { text-decoration: none; }
a:hover { text-decoration: underline; }
.thisPage { color: black; }
footer { color: white; background-color: rgb(100, 135, 220); }
footer a { color: inherit; }
footer div { padding: 1em; }
table { border: 1px solid rgba(128, 128, 128, 0.5); padding: 0px; }
th { color: white; background-color: rgb(100, 135, 220); }
tr:nth-child(2n+1) { background-color: rgba(128, 128, 128, 0.1); }
img { max-width: 100%; border: 1px solid black; }
html { font-size: 1.2em; }
header nav, footer { }
code > pre {
	border: 2px solid rgb(68, 42, 19);
	min-width: 0;
	text-wrap: wrap;
	max-width: max-content;
	padding: 0px 0.5em;
}
article h1, article h2 { color: rgb(120, 86, 36); border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: rgb(68, 42, 19); }
article h3 { color: rgb(68, 42, 19) }
@media (max-width: 50em) {
	article {
		flex-basis: 100%;
		padding-left: 10px;
		padding-right: 10px;
	}
	body > nav {
		flex-basis: 100%;
		padding-right: 10px;
	}
}