1 files changed, 48 insertions, 0 deletions
diff --git a/src/routes/styles.scss b/src/routes/styles.scss
new file mode 100644
index 0000000..0fe7ab6
--- /dev/null
+++ b/src/routes/styles.scss
@@ -0,0 +1,48 @@
+@import "@fontsource-variable/inter";
+
+body {
+  font-family:
+    'Inter Variable', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu,
+    Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+  font-size: 1.2em;
+  color: #150129;
+}
+
+h1 {
+  width: 100%;
+  font-size-adjust: 0.7;
+  margin-bottom: 2px;
+}
+
+page {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+
+  width: 100%;
+  height: 0;
+  padding: 0 0 calc(100% * 495 / 2048) 0;
+}
+
+.permalink {
+  color: #150129;
+}
+
+.subheader {
+  font-size: 0.9em;
+  margin-top: 0px;
+}
+
+
+@media (prefers-color-scheme: dark) {
+    /* If the operating system is using dark mode, then apply this CSS */
+    body {
+      background: #292b33;
+      color: #f5f5f5
+    }
+    a:link:not(.permalink),a:visited:not(.permalink) {
+	color: #b9cffb;
+    }
+}
+
+a:link:not(.permalink),a:visited:not(.permalink) { color: #2160ad; }