added GlyphWorld font & removed OratorStd and JetbrainsMono

_sass/fontface.scss

@@ -27,36 +27,36 @@
 }
 
 @font-face {
-  font-family: 'JetBrains-Mono';
-  src: url('../fonts/jetbrains-mono/ttf/JetBrainsMono-Regular.ttf') format('truetype');
+  font-family: 'GlyphWorld Mountain';
+  src: url('../fonts/GlyphWorld/GlyphWorld-Mountain.otf') format('truetype');
   font-weight: 300;
   font-style: normal;
 }
 
-@font-face {
-  font-family: 'JetBrains-Mono';
-  src: url('../fonts/jetbrains-mono/ttf/JetBrainsMono-Bold.ttf') format('truetype');
-  font-weight: 700;
-  font-style: normal;
-}
+// @font-face {
+//   font-family: 'JetBrains-Mono';
+//   src: url('../fonts/jetbrains-mono/ttf/JetBrainsMono-Bold.ttf') format('truetype');
+//   font-weight: 700;
+//   font-style: normal;
+// }
 
-@font-face {
-  font-family: 'JetBrains-Mono';
-  src: url('../fonts/jetbrains-mono/ttf/JetBrainsMono-Italic.ttf') format('truetype');
-  font-weight: 400;
-  font-style: italic;
-}
+// @font-face {
+//   font-family: 'JetBrains-Mono';
+//   src: url('../fonts/jetbrains-mono/ttf/JetBrainsMono-Italic.ttf') format('truetype');
+//   font-weight: 400;
+//   font-style: italic;
+// }
 
-@font-face {
-  font-family: 'JetBrains-Mono';
-  src: url('../fonts/jetbrains-mono/ttf/JetBrainsMono-Bold-Italic.ttf') format('truetype');
-  font-weight: 700;
-  font-style: italic;
-}
+// @font-face {
+//   font-family: 'JetBrains-Mono';
+//   src: url('../fonts/jetbrains-mono/ttf/JetBrainsMono-Bold-Italic.ttf') format('truetype');
+//   font-weight: 700;
+//   font-style: italic;
+// }
 
-@font-face {
-  font-family: 'Orator Std Slanted';
-  src: url('../fonts/OratorStd/Orator-Std-Slanted.ttf') format('truetype');
-  font-weight: 400;
-  font-style: italic;
-}
+// @font-face {
+//   font-family: 'Orator Std Slanted';
+//   src: url('../fonts/OratorStd/Orator-Std-Slanted.ttf') format('truetype');
+//   font-weight: 400;
+//   font-style: italic;
+// }

_sass/typography.scss

@@ -12,7 +12,7 @@ h6,
 li,
 .separator {
   font-family: $font;
-  color: $black;
+  color: $text;
   margin-bottom: $size-16;
 
   &::selection {

_sass/variables.scss

@@ -2,12 +2,14 @@
 
 $black: #1d2022;
 $white: #fff;
+$grey-light: #ececec;
 $turquoise: #0ddfe7;
 $true-blue: #037fe4;
 $highlight: $turquoise;
 $highlight-darker: #0ac2c9;
 
-$bg: $black;
+$bg: $grey-light;
+$text: $black;
 
 // margin
 
@@ -26,8 +28,8 @@ $size-1028: 1028px;
 
 // Typography
 
-$font-title: 'SpaceMono', 'SpaceMono', 'Courier New', Courier, monospace;
-// $font-title: 'Orator Std Slanted', 'SpaceMono', 'Courier New', Courier, monospace;
+$font-title: 'SpaceMono', 'Courier New', Courier, monospace;
+$font-logo: 'GlyphWorld Mountain', 'SpaceMono', 'Courier New', Courier, monospace;
 $font: 'SpaceMono', 'Courier New', Courier, monospace;
 
 // Responsive breakpoints