1 files changed, 139 insertions, 0 deletions
diff --git a/static/stylesheets/style.css b/static/stylesheets/style.css
new file mode 100644
index 0000000..0765af0
--- /dev/null
+++ b/static/stylesheets/style.css
@@ -0,0 +1,139 @@
+html {
+	background: #222;
+}
+body {
+	margin: 0 0 1.5em 0;
+	color: white;
+}
+
+header {
+	display: grid;
+	grid-template-columns: 1fr auto 1fr;
+	background: #333;
+	padding: 5px 10px;
+	gap: 1em;
+	user-select: none;
+}
+
+#title {
+	text-align: center;
+}
+
+#menu {
+	margin-left: auto;
+	display: flex;
+	gap: 3ex;
+}
+
+header a {
+	color: white;
+	text-decoration: none;
+	position: relative;
+	width: fit-content;
+}
+
+header a:hover::after {
+	content: "";
+	background: green;
+	position: absolute;
+	display: block;
+	bottom: -.3em;
+	left: -1ex;
+	height: 3px;
+	width: calc(100% + 2ex);
+}
+
+main, footer{
+	max-width: 900px;
+	margin: 1.5em auto;
+	padding-inline: 3ex;
+}
+
+#publishing {
+	text-align: right;
+	color: #555;
+}
+#publishing a {
+	color: #555;
+}
+
+hr {
+	color: #727272;
+}
+
+h1, h2, h3, h4, h5, h6 {
+	text-align: center;
+}
+
+.monodate {
+	font-family: monospace;
+}
+
+a {
+	color: lightgreen;
+}
+
+/* highlighted code */
+.chroma {
+	overflow: scroll;
+	background: none;
+}
+
+.chroma .lntable {
+	margin: auto;
+	width: fit-content;
+}
+.chroma code {
+	margin: 0 1ex;
+}
+
+.chroma ::selection {
+	background: #444;
+}
+
+:not(.chroma span)::selection {
+	background: green;
+	color: white;
+}
+
+pre {
+	tab-size: 4;
+}
+
+ol, ul, pre code {
+	margin: auto;
+	display: block;
+	width: fit-content;
+	max-width: 100%;
+}
+
+img, figcaption {
+	margin: auto;
+	display: block;
+	width: fit-content;
+	max-width: 95%;
+	color: #ddd;
+}
+
+#copyright {
+	text-align: center;
+	display: block;
+	opacity: .2;
+}
+
+@media (max-width: 800px) {
+	header {
+		grid-template-columns: auto auto;
+		grid-template-areas:
+			"home quicklinks"
+			"title title"
+		;
+	}
+	#title {
+		text-align: center;
+		display: block;
+		width: 100%;
+		order: 3;
+		grid-area: title;
+	}
+}