Add (initial): futurewalker code

resources/sass/_variables.scss

@@ -3,8 +3,12 @@
 // Variables should follow the `$component-state-property-size` formula for
 // consistent naming. Ex: $nav-link-disabled-color and $modal-content-box-shadow-xs.
 
+$font-family-sans-serif: "Noto Serif", system-ui, -apple-system, "Segoe UI",
+  Roboto, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
+  "Segoe UI Symbol", "Noto Color Emoji" !default;
+
 // Color system
-$body-bg: #f0f2f5;
+$body-bg: #fff;
 
 // scss-docs-start gray-color-variables
 $white: #fff;

resources/sass/app-front.scss

@@ -1,3 +1,5 @@
+@import url(https://fonts.bunny.net/css?family=noto-serif:300,400,700,700i|roboto-condensed:700);
+
 @import "variables";
 
 @import "~bootstrap/scss/bootstrap";
@@ -13,3 +15,9 @@ a {
     text-decoration: underline;
   }
 }
+
+.font-family-roboto-condensed {
+  font-family: "Roboto Condensed", system-ui, -apple-system, "Segoe UI", Roboto,
+    "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif,
+    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+}