diff --git a/src/css/global.css.map b/src/css/global.css.map
index 6ab0036..1d22525 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;AAKA;AAAA;AAAA;AAGA;EACE;EACA;;ACLF;AAAA;AAAA;AAAA;AAWA;EACE,kBFgBS;EEfT,OFMM;EELN;EACA;;;AAGF;EACE,YAVa;;;AAaf;AAAA;AAAA;AAAA;AAAA;AAAA;EAME;;ACpBA;EDcF;AAAA;AAAA;AAAA;AAAA;AAAA;IAQI;;;;AAIJ;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;AAAA;EAEE;EACA,OA5CG;EA6CH;EACA;EACA;EACA,kBFlCM;EEmCN;;AC9CA;EDsCF;AAAA;IAUI;;;;AAIJ;AAAA;EAEE;EACA;;;AAGF;EACE;;;AAGF;EACE,OF9BU;EE+BV;;;AAGF;AAAA;EAEE,kBArES;;;AAwEX;AAAA;AAAA;EAGE;EACA,OFnCY;EEoCZ;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;AAAA;EAEE;;;AAGF;EACE;EACA;;;AAGF;AAAA;EAEE;;;AAGF;EACE;EACA;EACA;EACA;EACA;;AC7GA;EDwGF;IAOI;IACA;;;;AAIJ;EACE;EACA;EACA","file":"global.css"}
\ No newline at end of file
+{"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;AAKA;AAAA;AAAA;AAGA;EACE;EACA;;ACLF;AAAA;AAAA;AAAA;AAWA;EACE;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;EAME;;ACpBA;EDcF;AAAA;AAAA;AAAA;AAAA;AAAA;IAQI;;;;AAIJ;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;AAAA;EAEE;EACA,OA5CG;EA6CH;EACA;EACA;EACA;EACA;;AC9CA;EDsCF;AAAA;IAUI;;;;AAIJ;AAAA;EAEE;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;AAAA;EAEE;;;AAGF;AAAA;AAAA;EAGE;EACA,OFnCY;EEoCZ;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;AAAA;EAEE;;;AAGF;EACE;EACA;;;AAGF;AAAA;EAEE;;;AAGF;EACE;EACA;EACA;EACA;EACA;;AC7GA;EDwGF;IAOI;IACA;;;;AAIJ;EACE;EACA;EACA","file":"global.css"}
\ No newline at end of file
diff --git a/src/css/global.scss b/src/css/global.scss
index a70a53e..deec7a1 100644
--- a/src/css/global.scss
+++ b/src/css/global.scss
@@ -15,14 +15,14 @@ $bg-hover: scale-color(colors.$green-400, $alpha: -75%);
 $bg-highlight: scale-color(colors.$magenta-600, $alpha: -75%);
 
 body {
-  background-color: colors.$base-800;
-  color: colors.$paper;
+  background-color: #{colors.$base-800};
+  color: #{colors.$paper};
   font-family: Alkhemikal;
   font-size: 1.5rem;
 }
 
 ::selection {
-  background: $bg-highlight;
+  background: #{$bg-highlight};
 }
 
 h1,
@@ -53,11 +53,11 @@ main,
 article {
   padding: 1em;
   color: $fg;
-  border: 16px solid colors.$paper;
+  border: 16px solid #{colors.$paper};
   border-image: url(../img/nine-patch.png) 32 round;
   -webkit-border-image: url(../img/nine-patch.png) 32 round;
-  background-color: colors.$paper;
-  box-shadow: 0px 0px 20px colors.$black;
+  background-color: #{colors.$paper};
+  box-shadow: 0px 0px 20px #{colors.$black};
   @include breakpoint("sm") {
     margin: 0 2em;
   }
@@ -74,13 +74,13 @@ header.header_main {
 }
 
 a {
-  color: $link;
+  color: #{$link};
   border-radius: 10px;
 }
 
 a:hover,
 a:active {
-  background-color: $bg-hover;
+  background-color: #{$bg-hover};
 }
 
 a.logo,