diff --git a/frontend/src/components/Shared/Navbar.jsx b/frontend/src/components/Shared/Navbar.jsx
index e2e539b4..65029a5c 100644
--- a/frontend/src/components/Shared/Navbar.jsx
+++ b/frontend/src/components/Shared/Navbar.jsx
@@ -98,9 +98,9 @@ const Navbar = () => {
 
           {/* Desktop Menu */}
           <div className="hidden md:flex">
-            <ul className="ml-4 flex space-x-4 font-semibold">
+            <ul className="ml-4 flex space-x-5 Poppins font-semibold text-lg">
               {menuItems.map((item) => (
-                <li key={item.name}>
+                <li key={item.name} className="transform hover:scale-110 hover:-translate-y-1 transition ">
                   <Link
                     to={item.path}
                     className={`${baseTextColorClass} ${hoverTextColorClass}`}
@@ -111,8 +111,9 @@ const Navbar = () => {
               ))}
               {isAuthenticated ? (
                 <button
+
                   onClick={handleLogout}
-                  className={`${baseTextColorClass} ${hoverTextColorClass}`}
+                  className={`${baseTextColorClass} ${hoverTextColorClass} transform hover:scale-110 hover:-translate-y-1 transition `}
                   type="button"
                 >
                   Log Out
@@ -120,7 +121,7 @@ const Navbar = () => {
               ) : (
                 <button
                   onClick={handleLogin}
-                  className={`${baseTextColorClass} ${hoverTextColorClass}`}
+                  className={`${baseTextColorClass} ${hoverTextColorClass} transform hover:scale-110 hover:-translate-y-1 transition `}
                   type="button"
                 >
                   Log In
diff --git a/frontend/src/index.css b/frontend/src/index.css
index dd82a0fd..4890a8c2 100644
--- a/frontend/src/index.css
+++ b/frontend/src/index.css
@@ -1,3 +1,4 @@
+@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
 @tailwind base;
 @tailwind components;
 @tailwind utilities;
@@ -11,6 +12,10 @@
     }
 }
 
+.Poppins {
+    font-family: "Poppins", sans-serif;
+  }
+  
     
     @layer components{
         .primary-btn{