diff --git a/assets/scss/thevoid.scss b/assets/scss/thevoid.scss
index 8227ba6..797a441 100644
--- a/assets/scss/thevoid.scss
+++ b/assets/scss/thevoid.scss
@@ -1,51 +1,3 @@
-@import "variables.scss";
-
-body {
- background-color: #1c1e26;
- --text-color: white;
- font-family: $font-code;
-}
-
-h1, h2, h3, h4, h5, h6 {
- text-align: left;
- font-family: $font-code;
-}
-
-h1::after {
- content: "(writing)";
- font-size: 1rem;
- margin-left: 0.5em;
- position: relative;
- bottom: -0.5em;
- color: $primary-color;
-}
-
-nav .container {
- justify-content: flex-start;
-
- a {
- padding-left: 0;
- margin-right: 1em;
- }
-}
-
-.header-divider {
- visibility: hidden;
-}
-
-hr {
- height: auto;
- border: none;
-
- &::after {
- content: "* * *";
- color: $primary-color;
- font-size: 2rem;
- display: block;
- text-align: center;
- }
-}
-
/* Code for the CSS glitch effect. Originally from: https://codepen.io/mattgrosswork/pen/VwprebG */
.glitch {
diff --git a/assets/scss/writing.scss b/assets/scss/writing.scss
new file mode 100644
index 0000000..7b679f8
--- /dev/null
+++ b/assets/scss/writing.scss
@@ -0,0 +1,47 @@
+@import "variables.scss";
+
+body {
+ background-color: #1c1e26;
+ --text-color: white;
+ font-family: $font-code;
+}
+
+h1, h2, h3, h4, h5, h6 {
+ text-align: left;
+ font-family: $font-code;
+}
+
+h1::after {
+ content: "(writing)";
+ font-size: 1rem;
+ margin-left: 0.5em;
+ position: relative;
+ bottom: -0.5em;
+ color: $primary-color;
+}
+
+nav .container {
+ justify-content: flex-start;
+
+ a {
+ padding-left: 0;
+ margin-right: 1em;
+ }
+}
+
+.header-divider {
+ visibility: hidden;
+}
+
+hr {
+ height: auto;
+ border: none;
+
+ &::after {
+ content: "* * *";
+ color: $primary-color;
+ font-size: 2rem;
+ display: block;
+ text-align: center;
+ }
+}
diff --git a/layouts/thevoid/baseof.html b/layouts/thevoid/baseof.html
index 3850676..6ae61c0 100644
--- a/layouts/thevoid/baseof.html
+++ b/layouts/thevoid/baseof.html
@@ -3,6 +3,8 @@
{{- partial "head.html" . -}}
+ {{ $writingcss := resources.Get "scss/writing.scss" | css.Sass | resources.Minify }}
+
{{ $voidcss := resources.Get "scss/thevoid.scss" | css.Sass | resources.Minify }}
{{- partial "header.html" . -}}