First

sass/blog.scss

@@ -0,0 +1,8 @@
+.blog-page {
+    .title {
+        h1 {
+            font-size: 2.2em;
+        }
+        padding-bottom: 2em;
+    }
+}

sass/footer.scss

@@ -0,0 +1,9 @@
+footer {
+    display: flex;
+    flex-wrap: wrap;
+    margin: 1em 0;
+
+    border-top-style: solid;
+    border-top-width: 4px;
+    border-top-color: var(--grey);
+}

sass/header.scss

@@ -0,0 +1,28 @@
+
+
+header {
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: space-between;
+    margin: 1em 0;
+    font-size: large;
+
+    .title * {
+        font-size: xx-large;
+
+
+        text-decoration-color: var(--primary)!important;
+        &:hover {
+            text-decoration-color: var(--grey)!important;
+        }
+    }
+
+    nav {
+        a {
+            margin-right: 0.5rem;
+        }
+    }
+
+    padding-bottom: 1em;
+}
+

sass/style.scss

@@ -0,0 +1,87 @@
+@use "theme.scss";
+@use "header.scss";
+@use "footer.scss";
+@use "blog.scss";
+
+body {
+  background: var(--bg-0);
+  color: var(--fg-1);
+
+  font-size: 16px;
+  line-height: 1.6em;
+  letter-spacing: .5px;
+}
+
+.content {
+  margin-bottom: 4em;
+  margin-left: auto;
+  margin-right: auto;
+  max-width: 800px;
+  padding: 0 0.5em;
+}
+
+@media screen and (min-width: 978px) {
+  .content {
+    margin-left: 4rem;
+  }
+}
+
+a {
+  color: var(--fg-0);
+  font-weight: bold;
+
+  text-decoration: underline;
+  text-decoration-thickness: 0.30ex;
+  text-decoration-color: var(--grey);
+
+  &:hover {
+    text-decoration-color: var(--primary);
+  }
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  color: var(--fg-0);
+  font-weight: bold;
+  margin-top: 2em;
+}
+
+h1 {
+  font-size: 2rem;
+}
+
+h2 {
+  font-size: 1.4rem;
+}
+
+h3 {
+  font-size: 1.2rem;
+}
+
+h4 {
+  font-size: 1.1rem;
+}
+
+h5 {
+  font-size: 1rem;
+}
+
+h6 {
+  font-size: 1rem;
+}
+
+code {
+  background: var(--bg-1);
+  border-radius: 3px;
+  font-family: 'Berkeley Mono';
+  padding: .15rem .3rem;
+}
+
+time {
+  padding-bottom: 1em;
+  color: var(--fg-2);
+}

sass/theme.scss

@@ -0,0 +1,14 @@
+
+
+:root {
+    --bg-0: #1d1d1d;
+    --bg-1: #131313;
+
+    --grey: #777;
+    
+    --fg-0: #eee;
+    --fg-1: #ccc;
+    --fg-2: #999;
+
+    --primary: #daa520
+}