Start making blog look more terminaly

src/css/exceptions/article.css

@@ -1,4 +1,10 @@
 article {
+  h2, h3, h4, h5 {
+    &::before {
+      content: "\203A";
+      font-size: larger;
+  }
+  }
   .published {
     color: var(--color-subtle);
     display: inline-block;

src/css/exceptions/home.css

@@ -1,14 +1,25 @@
 .home {
-  h1,
+  /* h1,
   h2,
   h3 {
     &::before {
       content: none;
     }
+  } */
+/* 
+  h1 {
+    font-size: var(--text-size-2xl);
+  } */
+
+  h1, h2, h3 {
+    &::before {
+      content: "\203A";
+      font-size: larger;
+    }
   }
 
-  h1 {
+  h1 a {
-    font-size: var(--text-size-3xl);
+    text-decoration: none;
   }
 
   h2 {

src/css/fonts/roboto_mono.css

@@ -0,0 +1,16 @@
+@font-face {
+    font-family: 'Roboto Mono';
+    src: url('/assets/fonts/RobotoMono-VariableFont_wght.ttf') format('truetype supports variations'),
+    url("/assets/fonts/RobotoMono-VariableFont_wght.ttf") format("truetype-variations");
+    font-weight: 100 200 300 400 500 600 700;
+    font-feature-settings: "liga", "ss03", "ss02", "ss01", "onum";
+}
+
+@font-face {
+    font-family: 'Roboto Mono';
+    font-style: italic;
+    src: url('/assets/fonts/RobotoMono-Italic-VariableFont_wght.ttf') format('truetype supports variations'),
+    url("/assets/fonts/RobotoMono-Italic-VariableFont_wght.ttf") format("truetype-variations");
+    font-weight: 100 200 300 400 500 600 700;
+    font-feature-settings: "liga", "ss03", "ss02", "ss01", "onum";
+}

src/css/fonts/sixtyfour_convergence.css

@@ -0,0 +1,8 @@
+
+@font-face {
+    font-family: 'SixtyFour Convergence';
+    src: url('/assets/fonts/SixtyfourConvergence-Regular-VariableFont.ttf') format('truetype supports variations'),
+    url("/assets/fonts/SixtyfourConvergence-Regular-VariableFont.ttf") format("truetype-variations");
+    font-weight: 100 200 300 400 500 600 700;
+    font-feature-settings: "bled", "scan", "xela", "yela";
+}

src/css/globals.css

@@ -1,6 +1,6 @@
 :root {
     --color-primary: light-dark(var(--color-neutral-800), var(--color-neutral-200));
-    --color-secondary: light-dark(var(--color-neutral-100), var(--color-neutral-800));
+    --color-secondary: light-dark(var(--color-neutral-100), var(--color-neutral-900));
     --color-decoration: light-dark(var(--color-yellow-400), var(--color-amber-200));
     --color-subtle: light-dark(var(--color-zinc-600), var(--color-neutral-300));
     --color-disabled: light-dark(var(--color-neutral-600), var(--color-neutral-400));
@@ -38,7 +38,7 @@
 body {
     background-color: var(--color-secondary);
     color: var(--color-primary);
-    font-family: var(--font-family-geometric);
+    font-family: var(--font-family-mono);
     font-size: var(--text-size-s);
     text-underline-offset: var(--space-size-4xs);
 }
@@ -49,12 +49,13 @@ h2,
 h3,
 h4,
 h5 {
-    font-family: var(--font-family-neo);
+    font-family: var(--font-family-mono);
     font-weight: bold;
     line-height: 1.2;
     margin: 0;
 }
 
+
 h1 {
     font-size: var(--text-size-xl);
     word-wrap: normal;

tailwind.config.js

@@ -47,10 +47,11 @@ module.exports = {
 		},
 		fontFamily: {
 			sans: ['Avenir', 'Montserrat', 'Corbel', "'URW Gothic'", 'source-sans-pro', 'sans-serif'],
-			mono: ['"Space Grotesk"', ...defaultTheme.fontFamily.mono],
+			mono: ['"Roboto Mono"', '"Space Grotesk"', ...defaultTheme.fontFamily.mono],
 			humanist: ['Seravek', "'Gill Sans Nova'", 'Ubuntu', 'Calibri', "'DejaVu Sans'", 'source-sans-pro', 'sans-serif'],
 			neo: ['Inter', 'Roboto', "'Helvetica Neue'", "'Arial Nova'", "'Nimbus Sans'", "'Arial'", 'sans-serif'],
-			geometric: ['Avenir', 'Montserrat', 'Corbel', "'URW Gothic'", 'source-sans-pro', 'sans-serif']
+			geometric: ['Avenir', 'Montserrat', 'Corbel', "'URW Gothic'", 'source-sans-pro', 'sans-serif'],
+			display: ['"SixtyFour Convergence"', ...defaultTheme.fontFamily.mono]
 		},
 		gap: ({theme}) => ({
 			none: '0px',