diff --git a/components/navbar.vue b/components/navbar.vue
index 9ded0dc..e8b6095 100644
--- a/components/navbar.vue
+++ b/components/navbar.vue
@@ -1,6 +1,9 @@
 <template>
 
-    <nav class="fixed top-0 left-0 right-0">
+    <nav
+        class="fixed top-0 left-0 right-0 bg-blur z-navbar"
+        style="backdrop-filter: blur(15px);"
+    >
         <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
             <div class="flex justify-between h-16">
                 <div class="flex">