diff --git a/src/assets/JetBrainsMonoNLNerdFont-Regular.ttf b/src/assets/JetBrainsMonoNLNerdFont-Regular.ttf
new file mode 100644
index 0000000..967bf5f
Binary files /dev/null and b/src/assets/JetBrainsMonoNLNerdFont-Regular.ttf differ
diff --git a/src/components/Footer.astro b/src/components/Footer.astro
index e0c1e9b..4360d25 100644
--- a/src/components/Footer.astro
+++ b/src/components/Footer.astro
@@ -1,5 +1,5 @@
 <footer
   class="pt-12 text-center text-xs text-lightModeForegroundMuted hover:text-lightModeForeground dark:text-darkModeForegroundMuted dark:hover:text-darkModeForeground"
 >
-  <hr class="opacity-50" />
+  <!--<hr class="opacity-50" />-->
 </footer>
diff --git a/src/components/Introduction.astro b/src/components/Introduction.astro
index f6672d5..d445050 100644
--- a/src/components/Introduction.astro
+++ b/src/components/Introduction.astro
@@ -16,7 +16,7 @@ import profilePicture from "@/assets/profile-picture.png";
     draggable="false"
     class="mx-auto size-32 rounded-full"
   />
-  <h1 class="mt-4 text-center text-3xl font-semibold">{SITE.name}</h1>
+  <h1 class="mt-4 text-center text-3xl font-JetBrainsMonoNLNerdFont-Regular">{SITE.name}</h1>
   <p
     class="mt-1 text-balance text-center text-sm text-lightModeForegroundMuted dark:text-darkModeForegroundMuted"
   >
diff --git a/src/layouts/BaseLayout.astro b/src/layouts/BaseLayout.astro
index 174953f..4bf120f 100644
--- a/src/layouts/BaseLayout.astro
+++ b/src/layouts/BaseLayout.astro
@@ -9,7 +9,7 @@ import Footer from "@/components/Footer.astro";
   <BaseHead>
     <slot name="head" />
   </BaseHead>
-  <body class="mx-auto min-h-screen max-w-screen-sm p-3 font-sans sm:p-6">
+  <body class="mx-auto min-h-screen max-w-xs p-3 font-mono sm:p-6">
     <main>
       <slot />
     </main>
diff --git a/src/siteConfig.json b/src/siteConfig.json
index 8092d8e..38e3a12 100644
--- a/src/siteConfig.json
+++ b/src/siteConfig.json
@@ -19,6 +19,11 @@
       "id": "1728534577186",
       "icon": "steam",
       "url": "https://steamcommunity.com/id/furrythatroars"
+    },
+    {
+      "id": "1728534577187",
+      "icon": "twitch",
+      "url": "https://live.opnkty.uk"
     }
   ],
   "customLinks": [
diff --git a/src/styles/global.css b/src/styles/global.css
index 5f01e1b..20fba06 100644
--- a/src/styles/global.css
+++ b/src/styles/global.css
@@ -1,10 +1,14 @@
 @tailwind base;
 @tailwind components;
 @tailwind utilities;
-
+@font-face {
+  font-family: 'jb';
+  src: url("/src/assets/JetBrainsMonoNLNerdFont-Regular.ttf") format("ttf");
+}
 @layer base {
   :root {
     color-scheme: light dark;
+    font-family: 'jb';
 
     /* replace colors from here... */
     --light-mode-background: 240 240 240;
@@ -40,11 +44,12 @@
     --dark-mode-custom-link-text-hover: 255 255 255;
     /* ...to here */
   }
-
   body {
     background-color: light-dark(
       rgb(var(--light-mode-background)),
       rgb(var(--dark-mode-background))
     );
+    font-family: 'jb';
   }
-}
+
+}
\ No newline at end of file
diff --git a/tailwind.config.mjs b/tailwind.config.mjs
index 2c2fad7..ac8c019 100644
--- a/tailwind.config.mjs
+++ b/tailwind.config.mjs
@@ -7,6 +7,9 @@ export default {
   plugins: [require("@tailwindcss/typography")],
   theme: {
     extend: {
+      fontFamily: {
+        customFont: ['"JetBrainsMonoNLNerdFont-Regular.ttf"', ""],
+      },
       colors: {
         lightModeBackground:
           "rgb(var(--light-mode-background) / <alpha-value>)",
