New navbar in progress

src/app/globals.css

@@ -29,92 +29,9 @@ body {
 body {
   margin: 0;
   margin-top: 8em;
+  margin-top: 0;
   padding: 0;
   background-color: #f0f0f0; /* Optional background color */
   font-family: Arial, sans-serif;
   color: black;
 }
-
-.navbar {
-  position: fixed;
-  top: 1.5em;
-  left: 2em;
-  right: 2em;
-  background-color: white;
-  border-radius: 0px;
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  padding: 1em 2em;
-  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
-  z-index: 1000;
-}
-
-.navbar a {
-  color: black;
-  text-decoration: none;
-  margin: 0 0.5em;
-  font-size: 1em;
-}
-
-.navbar a:hover {
-  color: #555;
-}
-
-.left,
-.right {
-  display: flex;
-  align-items: center;
-}
-
-.navbar .center a {
-  color: black;
-  text-decoration: none;
-  margin: 0 0;
-  font-size: 1em;
-}
-.center .logo {
-  height: 50px; /* Adjust the logo size as needed */
-}
-
-.navbar-center .logo {
-  height: 50px; /* Adjust the logo size as needed */
-}
-
-.fa-search,
-.fa-user {
-  font-size: 1.2em;
-}
-
-@media screen and (max-width: 768px) {
-  .navbar {
-    top: 1em;
-    left: 1em;
-    right: 1em;
-    flex-direction: column;
-    align-items: flex-start;
-  }
-
-  .navbar-center {
-    margin: 1em 0;
-    align-self: center;
-  }
-}
-
-.navbar a.active {
-  font-weight: bold;
-  border-bottom: 2px solid black;
-}
-
-.navbar {
-  border-radius: 25px; /* Makes the corners more rounded */
-}
-
-.navbar a {
-  font-size: 1.1em;
-}
-
-.fa-search,
-.fa-user {
-  font-size: 1.4em;
-}

src/app/layout.tsx

@@ -1,5 +1,5 @@
 import './globals.css';
-import './globalicons.css';
+// import './globalicons.css';
 
 import { ReactNode } from 'react';
 import Navbar from '../components/navbar';