2 files changed, 102 insertions, 0 deletions
diff --git a/htdocs/css/style.css b/htdocs/css/style.css
new file mode 100644
index 0000000..325f87e
--- /dev/null
+++ b/htdocs/css/style.css
@@ -0,0 +1,83 @@
+:root {
+	--fg-color: white;
+	--bg-color: black;
+	--highlight-color: #4acaa4;
+}
+
+html { height: 100%; }
+
+body {
+	display: flex;
+	flex-direction: column;
+	height: 100%;
+
+	background-color: var(--bg-color);
+	color: var(--fg-color);
+
+	font-family: sans-serif;
+}
+
+main {
+	margin-bottom: auto;
+	align-self: center;
+	max-width: 80em;
+	width: 95vw;
+}
+
+.hanging-indent {
+	padding-left: 2em;
+	text-index: -2em;
+}
+
+header :first-child { margin-bottom: 0px; }
+
+hr {
+	margin: 0px;
+	color: var(--fg-color);
+}
+
+ul { padding-left: 2em; }
+
+/* Tables */
+table { padding-top: 1em; }
+th { text-align: left; }
+td:first-child { padding-right: 0.5em; }
+
+/* Links */
+a {
+	color: var(--highlight-color);
+	text-decoration: none;
+}
+a:hover { text-decoration: underline 0.055em; }
+
+/* Quotes */
+blockquote p { margin: 0px; }
+blockquote p:first-child { font-style: italic; }
+blockquote p:nth-child(2) {
+	text-indent: 2em;
+}
+
+/* Nav */
+body { margin: 0px; }
+nav { background-color: var(--highlight-color); }
+nav a {
+	margin-left: 0.2em;
+
+	font-size: 1.6em;
+	font-weight: normal;
+
+	color: var(--fg-color);
+}
+nav a:first-child .label { font-weight: bold; }
+nav .label { font-size: 0.7em; }
+nav .this-section { font-style: italic; }
+
+/* Footer */
+footer {
+	background-color: var(--highlight-color);
+	text-align: center;
+}
+footer a {
+	color: var(--fg-color);
+	font-style: italic;
+}
diff --git a/htdocs/css/syntax.css b/htdocs/css/syntax.css
new file mode 100644
index 0000000..f425178
--- /dev/null
+++ b/htdocs/css/syntax.css
@@ -0,0 +1,19 @@
+code {
+	border: 0.055em solid var(--highlight-color);
+	border-radius: 0.5em;
+	padding-top: 0.2em;
+	padding-bottom: 0.1em;
+	padding-left: 0.5em;
+	padding-right: 0.5em;
+
+	display: inline-block;
+	vertical-align: middle;
+
+	background-color: #282828;
+}
+
+/* HTML */
+/* Tag */ code[data-lang="html"] .t { color: var(--highlight-color); }
+/* Element */ code[data-lang="html"] .e { color: #9b5712; }
+/* AttributeName */ code[data-lang="html"] .an { color: #91931b; }
+/* AttributeValue */ code[data-lang="html"] .av { color: red; }