diff --git a/_includes/general.scss b/_includes/general.scss
deleted file mode 100644
index e40f1cd..0000000
--- a/_includes/general.scss
+++ /dev/null
@@ -1,27 +0,0 @@
-@use "main-palette.scss" as mp;
-
-$breakpoint: 768px;
-
-* {
-    margin: 0;
-    box-sizing: border-box;
-}
-
-.main-page-wrapper {
-    height: min-content;
-    min-width: 0;
-    max-width: 802px;
-    margin: 8px auto;
-    border: 1px solid mp.$border;
-
-    /* DEATH TO ANTIALIASING */
-    img, .header-banner, #nav-hover {
-        image-rendering: optimizeSpeed;             /* STOP SMOOTHING, GIVE ME SPEED  */
-        image-rendering: -moz-crisp-edges;          /* Firefox                        */
-        image-rendering: -o-crisp-edges;            /* Opera                          */
-        image-rendering: -webkit-optimize-contrast; /* Chrome (and eventually Safari) */
-        image-rendering: pixelated;                 /* Universal support since 2021   */
-        image-rendering: optimize-contrast;         /* CSS3 Proposed                  */
-        -ms-interpolation-mode: nearest-neighbor;   /* IE8+                           */
-    }
-}
diff --git a/_includes/lang-available.njk b/_includes/lang-available.njk
deleted file mode 100644
index 14e43a3..0000000
--- a/_includes/lang-available.njk
+++ /dev/null
@@ -1,3 +0,0 @@
-{% for link in page.url | locale_links %}
-<p class="lang-available" lang="{{ link.lang }}">{{ avail_text | i18n if avail_text else "lang-available" | i18n }} <a href="{{ link.url }}" hreflang="{{ link.lang }}">{{ link.label | lower }}</a></p>
-{% endfor %}
\ No newline at end of file
diff --git a/_includes/fonts.scss b/_includes/scss/fonts.scss
similarity index 100%
rename from _includes/fonts.scss
rename to _includes/scss/fonts.scss
diff --git a/_includes/scss/general.scss b/_includes/scss/general.scss
new file mode 100644
index 0000000..5d1abf1
--- /dev/null
+++ b/_includes/scss/general.scss
@@ -0,0 +1,29 @@
+@use "main-palette" as mp;
+
+$breakpoint: 768px;
+
+* {
+    margin: 0;
+    box-sizing: border-box;
+}
+
+.main-page-wrapper {
+    height: min-content;
+    min-width: 0;
+    max-width: 802px;
+    margin: 8px auto;
+    border: 1px solid mp.$border;
+
+    /* DEATH TO ANTIALIASING */
+    img,
+    .header-banner,
+    #nav-hover {
+        image-rendering: optimizeSpeed; /* STOP SMOOTHING, GIVE ME SPEED  */
+        image-rendering: -moz-crisp-edges; /* Firefox                        */
+        image-rendering: -o-crisp-edges; /* Opera                          */
+        image-rendering: -webkit-optimize-contrast; /* Chrome (and eventually Safari) */
+        image-rendering: pixelated; /* Universal support since 2021   */
+        image-rendering: optimize-contrast; /* CSS3 Proposed                  */
+        -ms-interpolation-mode: nearest-neighbor; /* IE8+                           */
+    }
+}
diff --git a/_includes/scss/main-palette.scss b/_includes/scss/main-palette.scss
new file mode 100644
index 0000000..12385e7
--- /dev/null
+++ b/_includes/scss/main-palette.scss
@@ -0,0 +1,4 @@
+$bg: #000;
+$border: #761026;
+$link: #ad3040;
+$text: #ffd2dd;
diff --git a/css/main.scss b/css/main.scss
index b7c2337..5812c5d 100644
--- a/css/main.scss
+++ b/css/main.scss
@@ -1,8 +1,10 @@
+/* TODO: refactor into smaller includes */
+
 @use "sass:color" as c;
 
-@use "general";
-@use "fonts";
-@use "main-palette" as mp;
+@use "scss/general";
+@use "scss/fonts" as *;
+@use "scss/main-palette" as mp;
 
 $psize: 0.8em;
 $h1size: 2em;
@@ -36,7 +38,7 @@ body {
     h4,
     h5,
     h6 {
-        font-family: fonts.$ll, "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
+        font-family: $ll, "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
         font-weight: bold;
         text-decoration: underline;
         text-decoration-color: mp.$border;
@@ -96,7 +98,7 @@ body {
         width: 100%;
         h1 {
             margin: 10px 10px 0px 10px;
-            font-family: fonts.$ll;
+            font-family: $ll;
             text-align: center;
             text-decoration: none;
         }
@@ -114,7 +116,7 @@ body {
             margin: 0px auto;
             p {
                 font-family:
-                    fonts.$ll, "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
+                    $ll, "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
                 font-size: 1.2em;
             }
         }
@@ -200,7 +202,7 @@ body {
                         );
 
                         color: mp.$text;
-                        font-family: fonts.$ll;
+                        font-family: $ll;
                         font-weight: normal;
                         font-size: 1em;
                         text-decoration: none;
@@ -261,7 +263,7 @@ body {
             margin-bottom: 4px;
             border-bottom: 1px solid mp.$border;
             text-decoration: none;
-            font-family: fonts.$ll;
+            font-family: $ll;
             font-size: 1em;
             background: mp.$bg;
             background: linear-gradient(
@@ -530,7 +532,7 @@ body {
                 a {
                     text-decoration: none;
                     font-family:
-                        fonts.$ll, "Gill Sans", "Gill Sans MT", Calibri,
+                        $ll, "Gill Sans", "Gill Sans MT", Calibri,
                         "Trebuchet MS", sans-serif;
                 }
             }
@@ -560,7 +562,7 @@ body {
             p {
                 color: mp.$bg;
                 font-family:
-                    fonts.$ll, "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
+                    $ll, "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
                 font-size: 0.8em;
                 text-align: center;
             }