Add stroke to make headings more readable

assets/styles/mix-twbs.scss

@@ -1,3 +1,12 @@
+
+
+  $web-font-path: "/fonts/nunito-sans/index.css";
+
+  @import "bootstrap/functions";
+  @import "bootswatch/lux/variables";
+  @import "bootstrap/bootstrap";
+  @import "bootswatch/lux/bootswatch";
+
 .blurred-container {
     position: relative;
     width: 100%;
@@ -25,6 +34,7 @@
 
   .motto h1 {
     background: #0000007d;
+    -webkit-text-stroke: 0.1px $gray-100;
   }
 
   .blurred-container .img-src {
@@ -121,10 +131,3 @@
   .fa-stack-top {
     vertical-align: top;
   }
-
-  $web-font-path: "/fonts/nunito-sans/index.css";
-
-  @import "bootstrap/functions";
-  @import "bootswatch/lux/variables";
-  @import "bootstrap/bootstrap";
-  @import "bootswatch/lux/bootswatch";