style: use fira, sans for text, mono for code

config.toml

@@ -38,3 +38,6 @@ menu = [
 repo_view = true
 repo_url = "https://github.com/nrdxp/nrd.sh/tree/main/content/"
 favicon = "/icon/favicon.png"
+stylesheets = [
+  "fira.css"
+]

sass/fira.scss

@@ -0,0 +1,15 @@
+@import url('https://cdn.jsdelivr.net/npm/@xz/fonts@1/serve/fira-sans.min.css');
+@import url('https://cdn.jsdelivr.net/npm/@xz/fonts@1/serve/fira-mono.min.css');
+
+:root {
+    --text-font: 'Fira Sans', sans-serif;
+    --code-font: 'Fira Mono', monospace;
+}
+
+h1, h2, h3, h4, h5, h6 {
+    font-family: var(--code-font) !important;
+}
+
+header {
+    font-family: var(--code-font) !important;
+}

sass/fonts.scss

@@ -1,31 +0,0 @@
-@font-face {
-  font-family: 'Jetbrains Mono';
-  font-style: normal;
-  font-weight: 400;
-  src: url('fonts/JetbrainsMono/JetBrainsMono-Regular.ttf'), local('ttf');
-  font-display: fallback;
-}
-
-@font-face {
-  font-family: 'Jetbrains Mono';
-  font-style: normal;
-  font-weight: 700;
-  src: url('fonts/JetbrainsMono/JetBrainsMono-Bold.ttf'), local('ttf');
-  font-display: fallback;
-}
-
-@font-face {
-  font-family: 'Space Grotesk';
-  font-style: normal;
-  font-weight: 400;
-  src: url('fonts/SpaceGrotesk/SpaceGrotesk-Regular.ttf'), local('ttf');
-  font-display: fallback;
-}
-
-@font-face {
-  font-family: 'Space Grotesk';
-  font-style: normal;
-  font-weight: 700;
-  src: url('fonts/SpaceGrotesk/SpaceGrotesk-Bold.ttf'), local('ttf');
-  font-display: fallback;
-}