added static/ directory

static/style.css

+html {
+	font-family: "Open Sans", "Noto Sans", Arial, sans-serif;
+	color: black;
+	background: whitesmoke;
+	font-size: 120%;
+	line-height: 1.4em;
+}
+
+body {
+	margin: auto;
+	padding: 0 0.75em;
+	max-width: 50em;
+	min-height: calc(100vh - 1.5em)
+}
+
+a { text-decoration: none; color: #3f9af4; }
+a:hover { text-decoration: underline; }
+code, code { font-family: "Noto Sans Mono", Consolas, Monaco, monospace, monospace; }
+
+body > header {
+	color: white;
+	background: darkslateblue;
+	border-radius: 8px;
+}
+
+body > header > nav {
+	margin: 16px 0;
+	padding: 8px 0;
+}
+
+body > header > nav > a {
+	padding: 8px;
+	color: inherit;
+	font-weight: bold;
+	text-decoration: none;
+}
+
+body > header > nav > a:first-of-type {
+	border-top-left-radius: 8px;
+	border-bottom-left-radius: 8px;
+}
+
+body > header > nav > a:hover {
+	background: rgba(0, 0, 0, 0.25);
+	text-decoration: none;
+}
+
+article {
+	background: white;
+	margin: 16px 0;
+	padding: 16px 32px;
+	border-radius: 8px;
+}
+
+article > p:first-of-type {
+	margin-top: 0;
+}
+article > p:last-of-type {
+	margin-bottom: 0;
+}
+
+article > nav {
+	font-size: small;
+	color: dimgray;
+	display: table;
+	line-height: 1.3;
+	padding: 8px 0;
+	border-top: 1px solid slateblue;
+	margin: 8px 0 0 auto;
+}
+
+article > nav > * {
+	display: block;
+}
+
+hr {
+	border: 0px solid darkslateblue;
+	border-bottom-width: 1px;
+}
+
+footer {
+	font-size: small;
+	color: dimgray;
+	text-align: center;
+}
+
+@media (max-width: 50em) {
+	body {
+		padding: 0;
+		max-width: unset;
+	}
+	
+	body > article {
+		margin: 16px;
+	}
+
+	body > header {
+		border-radius: 0;
+	}
+	
+	body > header > nav {
+		margin: 0;
+		display: flex;
+		overflow: auto;
+	}
+
+	body > header > nav > a {
+		white-space: nowrap;
+	}
+
+	body > header > nav > a:hover {
+		background: unset;
+	}
+}