Design tweaks, font changes and coloring

tailwind.config.js

@@ -45,7 +45,7 @@ View the full documentation at https://tailwindcss.com.
 let colors = {
   transparent: 'transparent',
 
-  black: '#111111',
+  black: '#2d2d2d',
   'black-light': '#333333',
   'grey-darkest': '#3d4852',
   'grey-darker': '#606f7b',
@@ -191,6 +191,22 @@ module.exports = {
 
   fonts: {
     sans: [
+      'Roboto',
+      'system-ui',
+      'BlinkMacSystemFont',
+      '-apple-system',
+      'Segoe UI',
+      'Roboto',
+      'Oxygen',
+      'Ubuntu',
+      'Cantarell',
+      'Fira Sans',
+      'Droid Sans',
+      'Helvetica Neue',
+      'sans-serif',
+    ],
+    text: [
+      'Roboto Condensed',
       'system-ui',
       'BlinkMacSystemFont',
       '-apple-system',
@@ -224,7 +240,7 @@ module.exports = {
       'Courier New',
       'monospace',
     ],
-    body: ['Open Sans'],
+    body: ['roboto-condensed'],
   },
 
   /*