1 files changed, 69 insertions, 0 deletions
diff --git a/htdocs/css/style.css b/htdocs/css/style.css
new file mode 100644
index 0000000..1c6db7c
--- /dev/null
+++ b/htdocs/css/style.css
@@ -0,0 +1,69 @@
+:root {
+	--fg-color: white;
+	--bg-color: black;
+	--highlight-color: #4acaa4;
+}
+
+/* General */
+body {
+	background-color: var(--bg-color);
+	color: var(--fg-color);
+
+	font-family: sans-serif;
+}
+
+.hanging-indent {
+	padding-left: 2em;
+	text-index: -2em;
+}
+
+/* Links */
+a {
+	color: var(--highlight-color);
+	text-decoration: none;
+}
+a:hover { text-decoration: underline 0.055em; }
+
+/* Headers */
+header :first-child { margin-bottom: 0px; }
+header hr {
+	margin: 0px;
+	color: var(--fg-color);
+}
+
+/* Quotes */
+blockquote p { margin: 0px; }
+blockquote p:first-child { font-style: italic; }
+blockquote p:nth-child(2) {
+	text-indent: 2em;
+}
+
+/* Lists */
+ul { padding-left: 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; }
+nav hr {
+	margin: 0px;
+	color: var(--fg-color);
+}
+
+/* Main page content */
+main {
+	margin: auto;
+	max-width: 80em;
+	padding-left: 1em;
+	padding-right: 1em;
+}