1 files changed, 84 insertions, 0 deletions
diff --git a/static/css/style.css b/static/css/style.css
new file mode 100644
index 0000000..2e26b99
--- /dev/null
+++ b/static/css/style.css
@@ -0,0 +1,84 @@
+body {
+	margin: auto;
+	padding: 0 2%;
+	max-width: 60em;
+	font-family: Arial, sans-serif;
+}
+
+a {
+	color: #1f15aa;
+}
+
+a:visited {
+	color: #752d77;
+}
+
+#banner a:link,
+#banner a:visited,
+#banner a:hover,
+#menu a:link,
+#menu a:visited,
+#menu a:hover,
+header a,
+header a:visited,
+header a:hover {
+	color: black;
+	text-decoration: none;
+}
+
+footer.post-info,
+footer.copyright {
+	font-size: 0.8em;
+	color: #595959;
+}
+
+footer.copyright {
+	text-align: center;
+}
+
+#menu ul {
+	list-style: none;
+	padding-left: 0;
+}
+
+#menu li {
+	display: inline;
+}
+
+#menu li + li::before {
+	content: " | ";
+}
+
+@media(prefers-color-scheme: light) {
+	html {
+		background: #efeee3;
+	}
+}
+
+@media(prefers-color-scheme: dark) {
+	html {
+		background: #232323;
+		color: lightgrey;
+	}
+	a {
+		color: #7d74ff;
+	}
+	a:visited {
+		color: #b369b5;
+	}
+	#banner a:link,
+	#banner a:visited,
+	#banner a:hover,
+	#menu a:link,
+	#menu a:visited,
+	#menu a:hover,
+	header a,
+	header a:visited,
+	header a:hover {
+		color: lightgrey;
+	}
+	footer.post-info,
+	footer.copyright {
+		color: #b0b0b0;
+	}
+}