diff --git a/app/assets/global.css b/app/assets/global.css
index 2b5b72b..777240b 100644
--- a/app/assets/global.css
+++ b/app/assets/global.css
@@ -1,26 +1,6 @@
 @import "tailwindcss";
+@import "@nuxt/ui";
 
-@font-face {
-  font-family: "JetBrains Mono";
-  src: url(fonts/JetBrainsMono-Regular.ttf) format("truetype");
-  font-weight: normal;
-  font-style: normal;
-}
-
-@font-face {
-  font-family: "JetBrains Mono";
-  src: url(fonts/JetBrainsMono-Bold.ttf) format("truetype");
-  font-weight: bold;
-  font-style: normal;
-}
-
-@font-face {
-  font-family: "JetBrains Mono";
-  src: url(fonts/JetBrainsMono-Italic.ttf) format("truetype");
-  font-weight: normal;
-  font-style: italic;
-}
-
-html {
-  font-family: "JetBrains Mono", monospace;
+@theme {
+    --font-mono: "JetBrains Mono", monospace;
 }
diff --git a/app/pages/index.vue b/app/pages/index.vue
index 2dd9e8f..ae2a5fe 100644
--- a/app/pages/index.vue
+++ b/app/pages/index.vue
@@ -1,5 +1,5 @@
 <template>
-    <div class="w-screen h-full flex items-center justify-start flex-col">
+    <div class="w-screen h-full flex items-center justify-start flex-col font-mono">
         <div class="w-1 h-10 shrink-10" />
 
         <div
diff --git a/nuxt.config.ts b/nuxt.config.ts
index bedbede..81fe72a 100644
--- a/nuxt.config.ts
+++ b/nuxt.config.ts
@@ -18,6 +18,11 @@ export default defineNuxtConfig({
     routeRules: {
         "/": { prerender: true },
     },
+    fonts: {
+        families: [
+            { name: "JetBrains Mono", provider: "local" }
+        ]
+    },
     compatibilityDate: "2025-07-15",
     devtools: { enabled: true },
 });
diff --git a/tailwind.config.js b/tailwind.config.js
index eb924ba..d6ab50a 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -1,11 +1,11 @@
 module.exports = {
-  purge: [],
-  darkMode: false, // or 'media' or 'class'
-  theme: {
-    extend: {},
-  },
-  variants: {
-    extend: {},
-  },
-  plugins: [],
+    purge: [],
+    darkMode: true, // or 'media' or 'class'
+    theme: {
+        extend: {},
+    },
+    variants: {
+        extend: {},
+    },
+    plugins: [],
 };