Add a goolefonts import in css

src/component/navbar.jsx

@@ -8,7 +8,7 @@ function Navbar() {
 
   return (
     <div
-      className="min-h-screen bg-cover"
+      className="min-h-screen bg-cover font-montserrat"
       style={{ backgroundImage: `url(${backgd})` }}
     >
       {/* Navbar */}

src/index.css

+@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
+@theme {
+    --font-montserrat: Montserrat, "sans-serif" ;
+}
 @import "tailwindcss";
\ No newline at end of file