change font size on nav

src/components/Navbar/Navbar.jsx

@@ -220,9 +220,9 @@ const Navbar = () => {
             color: "black",
             fontWeight: "100",
             fontSize: {
-              xs: "0.65rem",
-              sm: "0.65rem",
-              md: "0.75rem",
+              xs: "0.73rem",
+              sm: "0.73rem",
+              md: "0.875rem",
             },
           }}
         >
@@ -382,9 +382,9 @@ const Navbar = () => {
                   className="navItem"
                   sx={{
                     fontSize: {
-                      xs: "0.65rem",
-                      sm: "0.65rem",
-                      md: "0.75rem",
+                      xs: "0.73rem",
+                      sm: "0.73rem",
+                      md: "0.875rem",
                     },
                     color: (isAtTop) ? "white" : "black",
                     transition: "all 0.3s ease-in-out",

src/components/Navbar/components/MobileNav/MobileNav.jsx

@@ -48,9 +48,9 @@ const MobileNav = ({ open, onClose, menu = [] }) => {
           sx={{
             color: "black",
             fontSize: {
-              xs: "0.65rem",
-              sm: "0.65rem",
-              md: "0.75rem",
+              xs: "0.73rem",
+              sm: "0.73rem",
+              md: "0.875rem",
             },
           }}
         >
@@ -147,9 +147,9 @@ const MobileNav = ({ open, onClose, menu = [] }) => {
                 variant="body1"
                 sx={{
                   fontSize: {
-                    xs: "0.65rem",
-                    sm: "0.65rem",
-                    md: "0.75rem",
+                    xs: "0.73rem",
+                    sm: "0.73rem",
+                    md: "0.875rem",
                   },
                 }}
               >