diff --git a/src/App.svelte b/src/App.svelte
index 51663a7..66ca3f3 100644
--- a/src/App.svelte
+++ b/src/App.svelte
@@ -25,7 +25,7 @@
 
 <!-- ui -->
 <div
-  class="w-screen h-screen flex flex-col items-center bg-background relative text-foreground font-raleway"
+  class="w-screen h-screen flex flex-col items-center bg-background relative text-foreground font-main"
 >
   <Navbar />
 
diff --git a/src/app.css b/src/app.css
index 0afe5c0..42c7e87 100644
--- a/src/app.css
+++ b/src/app.css
@@ -1,4 +1,4 @@
-@import url("https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap");
+@import url('https://fonts.googleapis.com/css2?family=Share+Tech+Mono&display=swap');
 @import "tailwindcss";
 @plugin "daisyui";
 
@@ -8,5 +8,5 @@
   --color-foreground: #bbbbbb;
 
   /* font-family */
-  --font-raleway: "Raleway";
+  --font-main: "Share Tech Mono";
 }