diff --git a/src/app.scss b/src/app.scss
index d02a1d0..e999b91 100644
--- a/src/app.scss
+++ b/src/app.scss
@@ -1,11 +1,12 @@
 @import "@picocss/pico/scss/pico"; /* To import only what you need from Pico [check the documentaion](https://picocss.com/docs/customization.html) */
 @import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@100;200;300;400;500;600;700&display=swap');
+@import url('/assets/fonts/fonts.css');
 /* @import url('https://cdn.jsdelivr.net/npm/@mdi/font@5.8.55/css/materialdesignicons.min.css'); */
 
 /* Write your global styles here, in SCSS syntax. Variables and mixins from the src/variables.scss file are available here without importing */
 
 h1, h2, h3, h4, h5, h6, body {
-    font-family: 'IBM Plex Mono', monospace;
+    font-family: 'Space Grotesk', sans-serif;
     // background-color: #ffffff;
     // color: #000000;
 }
@@ -50,6 +51,10 @@ h1, h2, h3, h4, h5, h6, body {
 
 p, li {
   cursor: text;
+  // font-weight: 300;
+}
+b {
+  font-weight: 600;
 }
 
 article {
diff --git a/static/assets/fonts/fonts.css b/static/assets/fonts/fonts.css
new file mode 100644
index 0000000..e31d42f
--- /dev/null
+++ b/static/assets/fonts/fonts.css
@@ -0,0 +1,40 @@
+/* space-grotesk-300 - latin */
+@font-face {
+    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
+    font-family: 'Space Grotesk';
+    font-style: normal;
+    font-weight: 300;
+    src: url('/assets/fonts/space-grotesk-v15-latin/space-grotesk-v15-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
+  }
+  /* space-grotesk-regular - latin */
+  @font-face {
+    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
+    font-family: 'Space Grotesk';
+    font-style: normal;
+    font-weight: 400;
+    src: url('/assets/fonts/space-grotesk-v15-latin/space-grotesk-v15-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
+  }
+  /* space-grotesk-500 - latin */
+  @font-face {
+    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
+    font-family: 'Space Grotesk';
+    font-style: normal;
+    font-weight: 500;
+    src: url('/assets/fonts/space-grotesk-v15-latin/space-grotesk-v15-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
+  }
+  /* space-grotesk-600 - latin */
+  @font-face {
+    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
+    font-family: 'Space Grotesk';
+    font-style: normal;
+    font-weight: 600;
+    src: url('/assets/fonts/space-grotesk-v15-latin/space-grotesk-v15-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
+  }
+  /* space-grotesk-700 - latin */
+  @font-face {
+    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
+    font-family: 'Space Grotesk';
+    font-style: normal;
+    font-weight: 700;
+    src: url('/assets/fonts/space-grotesk-v15-latin/space-grotesk-v15-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
+  }
\ No newline at end of file
diff --git a/static/assets/fonts/fonts.css.martian-mono b/static/assets/fonts/fonts.css.martian-mono
new file mode 100644
index 0000000..c6bea31
--- /dev/null
+++ b/static/assets/fonts/fonts.css.martian-mono
@@ -0,0 +1,74 @@
+/* fonts.css | every font used is loaded here. */
+
+/* martian-mono-100 - latin */
+@font-face {
+    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
+    font-family: 'Martian Mono';
+    font-style: normal;
+    font-weight: 100;
+    src: url('/assets/fonts/martian-mono-v3-latin/martian-mono-v3-latin-100.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
+         url('/assets/fonts/martian-mono-v3-latin/martian-mono-v3-latin-100.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
+  }
+  /* martian-mono-200 - latin */
+  @font-face {
+    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
+    font-family: 'Martian Mono';
+    font-style: normal;
+    font-weight: 200;
+    src: url('/assets/fonts/martian-mono-v3-latin/martian-mono-v3-latin-200.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
+         url('/assets/fonts/martian-mono-v3-latin/martian-mono-v3-latin-200.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
+  }
+  /* martian-mono-300 - latin */
+  @font-face {
+    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
+    font-family: 'Martian Mono';
+    font-style: normal;
+    font-weight: 300;
+    src: url('/assets/fonts/martian-mono-v3-latin/martian-mono-v3-latin-300.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
+         url('/assets/fonts/martian-mono-v3-latin/martian-mono-v3-latin-300.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
+  }
+  /* martian-mono-regular - latin */
+  @font-face {
+    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
+    font-family: 'Martian Mono';
+    font-style: normal;
+    font-weight: 400;
+    src: url('/assets/fonts/martian-mono-v3-latin/martian-mono-v3-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
+         url('/assets/fonts/martian-mono-v3-latin/martian-mono-v3-latin-regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
+  }
+  /* martian-mono-500 - latin */
+  @font-face {
+    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
+    font-family: 'Martian Mono';
+    font-style: normal;
+    font-weight: 500;
+    src: url('/assets/fonts/martian-mono-v3-latin/martian-mono-v3-latin-500.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
+         url('/assets/fonts/martian-mono-v3-latin/martian-mono-v3-latin-500.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
+  }
+  /* martian-mono-600 - latin */
+  @font-face {
+    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
+    font-family: 'Martian Mono';
+    font-style: normal;
+    font-weight: 600;
+    src: url('/assets/fonts/martian-mono-v3-latin/martian-mono-v3-latin-600.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
+         url('/assets/fonts/martian-mono-v3-latin/martian-mono-v3-latin-600.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
+  }
+  /* martian-mono-700 - latin */
+  @font-face {
+    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
+    font-family: 'Martian Mono';
+    font-style: normal;
+    font-weight: 700;
+    src: url('/assets/fonts/martian-mono-v3-latin/martian-mono-v3-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
+         url('/assets/fonts/martian-mono-v3-latin/martian-mono-v3-latin-700.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
+  }
+  /* martian-mono-800 - latin */
+  @font-face {
+    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
+    font-family: 'Martian Mono';
+    font-style: normal;
+    font-weight: 800;
+    src: url('/assets/fonts/martian-mono-v3-latin/martian-mono-v3-latin-800.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
+         url('/assets/fonts/martian-mono-v3-latin/martian-mono-v3-latin-800.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
+  }
\ No newline at end of file
diff --git a/static/assets/fonts/martian-mono-v3-latin/README.txt b/static/assets/fonts/martian-mono-v3-latin/README.txt
new file mode 100644
index 0000000..3a8ec05
--- /dev/null
+++ b/static/assets/fonts/martian-mono-v3-latin/README.txt
@@ -0,0 +1,2 @@
+Martian Mono from Google Fonts
+https://fonts.google.com/specimen/Martian+Mono
\ No newline at end of file
diff --git a/static/assets/fonts/martian-mono-v3-latin/martian-mono-v3-latin-100.ttf b/static/assets/fonts/martian-mono-v3-latin/martian-mono-v3-latin-100.ttf
new file mode 100644
index 0000000..75f6e9d
Binary files /dev/null and b/static/assets/fonts/martian-mono-v3-latin/martian-mono-v3-latin-100.ttf differ
diff --git a/static/assets/fonts/martian-mono-v3-latin/martian-mono-v3-latin-100.woff2 b/static/assets/fonts/martian-mono-v3-latin/martian-mono-v3-latin-100.woff2
new file mode 100644
index 0000000..cce781d
Binary files /dev/null and b/static/assets/fonts/martian-mono-v3-latin/martian-mono-v3-latin-100.woff2 differ
diff --git a/static/assets/fonts/martian-mono-v3-latin/martian-mono-v3-latin-200.ttf b/static/assets/fonts/martian-mono-v3-latin/martian-mono-v3-latin-200.ttf
new file mode 100644
index 0000000..151ab21
Binary files /dev/null and b/static/assets/fonts/martian-mono-v3-latin/martian-mono-v3-latin-200.ttf differ
diff --git a/static/assets/fonts/martian-mono-v3-latin/martian-mono-v3-latin-200.woff2 b/static/assets/fonts/martian-mono-v3-latin/martian-mono-v3-latin-200.woff2
new file mode 100644
index 0000000..15c122f
Binary files /dev/null and b/static/assets/fonts/martian-mono-v3-latin/martian-mono-v3-latin-200.woff2 differ
diff --git a/static/assets/fonts/martian-mono-v3-latin/martian-mono-v3-latin-300.ttf b/static/assets/fonts/martian-mono-v3-latin/martian-mono-v3-latin-300.ttf
new file mode 100644
index 0000000..f35689d
Binary files /dev/null and b/static/assets/fonts/martian-mono-v3-latin/martian-mono-v3-latin-300.ttf differ
diff --git a/static/assets/fonts/martian-mono-v3-latin/martian-mono-v3-latin-300.woff2 b/static/assets/fonts/martian-mono-v3-latin/martian-mono-v3-latin-300.woff2
new file mode 100644
index 0000000..dde88a3
Binary files /dev/null and b/static/assets/fonts/martian-mono-v3-latin/martian-mono-v3-latin-300.woff2 differ
diff --git a/static/assets/fonts/martian-mono-v3-latin/martian-mono-v3-latin-500.ttf b/static/assets/fonts/martian-mono-v3-latin/martian-mono-v3-latin-500.ttf
new file mode 100644
index 0000000..0e7780e
Binary files /dev/null and b/static/assets/fonts/martian-mono-v3-latin/martian-mono-v3-latin-500.ttf differ
diff --git a/static/assets/fonts/martian-mono-v3-latin/martian-mono-v3-latin-500.woff2 b/static/assets/fonts/martian-mono-v3-latin/martian-mono-v3-latin-500.woff2
new file mode 100644
index 0000000..9661f0a
Binary files /dev/null and b/static/assets/fonts/martian-mono-v3-latin/martian-mono-v3-latin-500.woff2 differ
diff --git a/static/assets/fonts/martian-mono-v3-latin/martian-mono-v3-latin-600.ttf b/static/assets/fonts/martian-mono-v3-latin/martian-mono-v3-latin-600.ttf
new file mode 100644
index 0000000..c4390ac
Binary files /dev/null and b/static/assets/fonts/martian-mono-v3-latin/martian-mono-v3-latin-600.ttf differ
diff --git a/static/assets/fonts/martian-mono-v3-latin/martian-mono-v3-latin-600.woff2 b/static/assets/fonts/martian-mono-v3-latin/martian-mono-v3-latin-600.woff2
new file mode 100644
index 0000000..5d7f886
Binary files /dev/null and b/static/assets/fonts/martian-mono-v3-latin/martian-mono-v3-latin-600.woff2 differ
diff --git a/static/assets/fonts/martian-mono-v3-latin/martian-mono-v3-latin-700.ttf b/static/assets/fonts/martian-mono-v3-latin/martian-mono-v3-latin-700.ttf
new file mode 100644
index 0000000..136e348
Binary files /dev/null and b/static/assets/fonts/martian-mono-v3-latin/martian-mono-v3-latin-700.ttf differ
diff --git a/static/assets/fonts/martian-mono-v3-latin/martian-mono-v3-latin-700.woff2 b/static/assets/fonts/martian-mono-v3-latin/martian-mono-v3-latin-700.woff2
new file mode 100644
index 0000000..b2c5874
Binary files /dev/null and b/static/assets/fonts/martian-mono-v3-latin/martian-mono-v3-latin-700.woff2 differ
diff --git a/static/assets/fonts/martian-mono-v3-latin/martian-mono-v3-latin-800.ttf b/static/assets/fonts/martian-mono-v3-latin/martian-mono-v3-latin-800.ttf
new file mode 100644
index 0000000..97d97d0
Binary files /dev/null and b/static/assets/fonts/martian-mono-v3-latin/martian-mono-v3-latin-800.ttf differ
diff --git a/static/assets/fonts/martian-mono-v3-latin/martian-mono-v3-latin-800.woff2 b/static/assets/fonts/martian-mono-v3-latin/martian-mono-v3-latin-800.woff2
new file mode 100644
index 0000000..2963409
Binary files /dev/null and b/static/assets/fonts/martian-mono-v3-latin/martian-mono-v3-latin-800.woff2 differ
diff --git a/static/assets/fonts/martian-mono-v3-latin/martian-mono-v3-latin-regular.ttf b/static/assets/fonts/martian-mono-v3-latin/martian-mono-v3-latin-regular.ttf
new file mode 100644
index 0000000..8395e59
Binary files /dev/null and b/static/assets/fonts/martian-mono-v3-latin/martian-mono-v3-latin-regular.ttf differ
diff --git a/static/assets/fonts/martian-mono-v3-latin/martian-mono-v3-latin-regular.woff2 b/static/assets/fonts/martian-mono-v3-latin/martian-mono-v3-latin-regular.woff2
new file mode 100644
index 0000000..92658bf
Binary files /dev/null and b/static/assets/fonts/martian-mono-v3-latin/martian-mono-v3-latin-regular.woff2 differ
diff --git a/static/assets/fonts/space-grotesk-v15-latin/space-grotesk-v15-latin-300.woff2 b/static/assets/fonts/space-grotesk-v15-latin/space-grotesk-v15-latin-300.woff2
new file mode 100644
index 0000000..d9d1c77
Binary files /dev/null and b/static/assets/fonts/space-grotesk-v15-latin/space-grotesk-v15-latin-300.woff2 differ
diff --git a/static/assets/fonts/space-grotesk-v15-latin/space-grotesk-v15-latin-500.woff2 b/static/assets/fonts/space-grotesk-v15-latin/space-grotesk-v15-latin-500.woff2
new file mode 100644
index 0000000..13ce842
Binary files /dev/null and b/static/assets/fonts/space-grotesk-v15-latin/space-grotesk-v15-latin-500.woff2 differ
diff --git a/static/assets/fonts/space-grotesk-v15-latin/space-grotesk-v15-latin-600.woff2 b/static/assets/fonts/space-grotesk-v15-latin/space-grotesk-v15-latin-600.woff2
new file mode 100644
index 0000000..69ee399
Binary files /dev/null and b/static/assets/fonts/space-grotesk-v15-latin/space-grotesk-v15-latin-600.woff2 differ
diff --git a/static/assets/fonts/space-grotesk-v15-latin/space-grotesk-v15-latin-700.woff2 b/static/assets/fonts/space-grotesk-v15-latin/space-grotesk-v15-latin-700.woff2
new file mode 100644
index 0000000..4f8b5af
Binary files /dev/null and b/static/assets/fonts/space-grotesk-v15-latin/space-grotesk-v15-latin-700.woff2 differ
diff --git a/static/assets/fonts/space-grotesk-v15-latin/space-grotesk-v15-latin-regular.woff2 b/static/assets/fonts/space-grotesk-v15-latin/space-grotesk-v15-latin-regular.woff2
new file mode 100644
index 0000000..2cc29e9
Binary files /dev/null and b/static/assets/fonts/space-grotesk-v15-latin/space-grotesk-v15-latin-regular.woff2 differ