diff --git a/package.json b/package.json
index 375997b..a9f1c54 100644
--- a/package.json
+++ b/package.json
@@ -4,7 +4,7 @@
   "description": "",
   "main": "index.js",
   "scripts": {
-    "watch:sass": "sass --watch src/css:src/css",
+    "watch:sass": "sass --watch src/scss:src/css",
     "build:sass": "sass src/css:src/css",
     "watch:eleventy": "eleventy --serve",
     "build:eleventy": "eleventy",
diff --git a/src/css/global.css b/src/css/global.css
index bb80bbe..b32b27a 100644
--- a/src/css/global.css
+++ b/src/css/global.css
@@ -68,8 +68,16 @@ For license text, see:
   src: local("Linux Libertine Bold Italic"), url("../font/LinLibertine_RBIah.ttf");
 }
 /*
-Colors
-======
+
+VARIABLES
+===============================================================================
+
+*/
+/*
+
+COLORS
+===============================================================================
+
 */
 html {
   font-size: 20px;
diff --git a/src/css/global.css.map b/src/css/global.css.map
index 497020d..e846048 100644
--- a/src/css/global.css.map
+++ b/src/css/global.css.map
@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["_colors.scss","_fonts.scss","global.scss","_mixins.scss"],"names":[],"mappings":"AAAA;AAAA;AAAA;;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAaA;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;EACA;;AAIF;EACE;EACA;EACA;EACA;;AAIF;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;EACA;;AAKF;EACE;EACA;EACA;EACA;;ACpDF;AAAA;AAAA;AAAA;AAWA;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;AAAA;EAEE;EACA,OAvBG;EAwBH;EACA;;AAEA;AAAA;EACE;EACA;EACA;EACA;;AAGF;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;ACrCF;EDgBF;AAAA;IAyBI;IACA;IACA;IACA;;;AAGF;AAAA;AAAA;AAAA;EAEE;EACA;;AAGF;AAAA;EACE;EACA;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAME;;AChEF;ED0DA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;IAQI;;;AAIJ;AAAA;EACE;;AAGF;AAAA;EACE;;AAGF;AAAA;EACE;;AAGF;AAAA;EACE;;;AAIJ;EACE;;;AAGF;EACE;EACA;;;AAGF;AAAA;EAEE;;;AAGF;AAAA;AAAA;EAGE;EACA;EACA;;;AAGF;EACE;;AAEA;EACE;;;AAIJ;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;ACpIA;ED0HF;IAYI;IACA;;;;AAIJ;EACE;EACA;EACA;EACA","file":"global.css"}
\ No newline at end of file
+{"version":3,"sourceRoot":"","sources":["../scss/_colors.scss","../scss/_fonts.scss","../scss/global.scss","../scss/_mixins.scss"],"names":[],"mappings":"AAAA;AAAA;AAAA;;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAaA;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;EACA;;AAIF;EACE;EACA;EACA;EACA;;AAIF;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;EACA;;AAKF;EACE;EACA;EACA;EACA;;ACpDF;;AAAA;AAAA;;AAAA;AASA;;AAAA;AAAA;;AAAA;AAaA;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;AAAA;EAEE;EACA,OAvBG;EAwBH;EACA;;AAEA;AAAA;EACE;EACA;EACA;EACA;;AAGF;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AChDF;ED2BF;AAAA;IAyBI;IACA;IACA;IACA;;;AAGF;AAAA;AAAA;AAAA;EAEE;EACA;;AAGF;AAAA;EACE;EACA;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAME;;AC3EF;EDqEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;IAQI;;;AAIJ;AAAA;EACE;;AAGF;AAAA;EACE;;AAGF;AAAA;EACE;;AAGF;AAAA;EACE;;;AAIJ;EACE;;;AAGF;EACE;EACA;;;AAGF;AAAA;EAEE;;;AAGF;AAAA;AAAA;EAGE;EACA;EACA;;;AAGF;EACE;;AAEA;EACE;;;AAIJ;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AC/IA;EDqIF;IAYI;IACA;;;;AAIJ;EACE;EACA;EACA;EACA","file":"global.css"}
\ No newline at end of file
diff --git a/src/css/_colors.scss b/src/scss/_colors.scss
similarity index 100%
rename from src/css/_colors.scss
rename to src/scss/_colors.scss
diff --git a/src/css/_fonts.scss b/src/scss/_fonts.scss
similarity index 100%
rename from src/css/_fonts.scss
rename to src/scss/_fonts.scss
diff --git a/src/css/_mixins.scss b/src/scss/_mixins.scss
similarity index 100%
rename from src/css/_mixins.scss
rename to src/scss/_mixins.scss
diff --git a/src/css/global.scss b/src/scss/global.scss
similarity index 92%
rename from src/css/global.scss
rename to src/scss/global.scss
index 08c8855..e23aed8 100644
--- a/src/css/global.scss
+++ b/src/scss/global.scss
@@ -3,8 +3,19 @@
 @use "mixins" as *;
 
 /*
-Colors
-======
+
+VARIABLES
+===============================================================================
+
+*/
+
+
+
+/*
+
+COLORS
+===============================================================================
+
 */
 $bg: colors.$base-800;
 $fg: scale-color(colors.$magenta-600, $lightness: -20%);