Index: imaps-frontend/src/pages/IMaps/components/Navbar.css
===================================================================
--- imaps-frontend/src/pages/IMaps/components/Navbar.css	(revision d56544918790c0c3bc50f2f0a98c99f3d2988ccf)
+++ imaps-frontend/src/pages/IMaps/components/Navbar.css	(revision 0c6b92add4cfaedcb91bcd37b45849f142f7d152)
@@ -1,161 +1,92 @@
-.navbar {
-  background: linear-gradient(90deg, rgb(28, 27, 27) 0%, rgb(26, 23, 23) 100%);
-  height: 80px;
+.modern-navbar {
+  /*background-color: #ffffff;*/
+  /*background: linear-gradient(*/
+  /*        90deg,*/
+  /*        #fafafa 0%,*/
+  /*        #c07e7e 25%,*/
+  /*        #af2525 50%,*/
+  /*        #443a3a 75%,*/
+  /*        #8d1010 100%*/
+  /*);*/
+  /*background: linear-gradient(to right, #ffffff, #c12c2c);*/
+  /*background: linear-gradient(90deg, #3b3131, #ffffff);*/
+  background: linear-gradient(90deg, #9b1818, #efefef);
+  color: #ffffff;
+  /*color: #333333;*/
   display: flex;
   justify-content: center;
   align-items: center;
-  font-size: 1.2rem;
+  padding: 0.8rem 1.5rem;
+  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
   position: sticky;
   top: 0;
-  z-index: 999;
-}
-
-.pad-bot {
-  /* padding-bottom: 1.5rem; */
+  z-index: 1000;
+  border-radius: 8px;
+  margin: 5px;
 }
 
 .navbar-container {
   display: flex;
-  justify-content: center;
+  justify-content: space-between;
   align-items: center;
   width: 100%;
+  max-width: 1200px;
 }
 
-.navbar-logo {
-  color: #fff;
-  justify-self: start;
-  margin-left: 20px;
-  cursor: pointer;
-  text-decoration: none;
-  font-size: 2rem;
+.navbar-left {
   display: flex;
   align-items: center;
+  gap: 1rem;
 }
 
-.fa-typo3 {
-  margin-left: 0.5rem;
-  font-size: 1.8rem;
+.navbar-title {
+  font-size: 1.6rem;
+  font-weight: 700;
+  color: #ffffff;
+  margin: 0;
+  font-family: "exo", sans-serif;
 }
 
-.nav-menu {
-  display: grid;
-  grid-template-columns: repeat(4, auto);
-  grid-gap: 10px;
-  list-style: none;
-  text-align: center;
-  width: 70vw;
-  justify-content: end;
-  margin-right: 2rem;
+.navbar-right {
+  display: flex;
+  align-items: center;
+  gap: 1rem;
 }
 
-.nav-item {
-  height: 80px;
+.navbar-btn {
+  padding: 0.4rem 1.5rem;
+  font-size: 0.9rem;
+  border: 2px solid transparent;
+  border-radius: 20px;
+  text-decoration: none;
+  color: #ffffff;
+  font-weight: 500;
+  transition: all 0.3s ease-in-out;
+  font-family: "exo", sans-serif;
+  cursor: pointer;
+  margin-left: 4em;
+  margin-right: 1em;
 }
 
-.nav-links {
-  color: #fff;
-  display: flex;
-  align-items: center;
-  text-decoration: none;
-  padding: 0.5rem 1rem;
-  height: 100%;
+.navbar-login {
+  background-color: #252627;
+  border: 2px solid #3f3232;
 }
 
-.nav-links:hover {
-  border-bottom: 4px solid #fff;
-  transition: all 0.2s ease-out;
+.navbar-login:hover {
+  background-color: #ffffff;
+  color: #212121;
+  border: 1px solid rgba(19, 18, 18, 0.82);
 }
 
-.fa-bars {
-  color: #fff;
+.navbar-signup {
+  background-color: #252627;
+  color: #ffffff;
+  border: 2px solid #343a40;
 }
 
-.nav-links-mobile {
-  display: none;
+.navbar-signup:hover {
+  background-color: #ffffff;
+  color: #343a40;
+  border: 2px solid #343a40;
 }
-
-.menu-icon {
-  display: none;
-}
-
-@media screen and (max-width: 960px) {
-  .NavbarItems {
-    position: relative;
-  }
-
-  .nav-menu {
-    display: flex;
-    flex-direction: column;
-    width: 100%;
-    height: 90vh;
-    position: absolute;
-    top: 80px;
-    left: -100%;
-    opacity: 1;
-    transition: all 0.5s ease;
-  }
-
-  .nav-menu.active {
-    background: #242222;
-    left: 0;
-    opacity: 1;
-    transition: all 0.5s ease;
-    z-index: 1;
-  }
-
-  .nav-links {
-    text-align: center;
-    padding: 2rem;
-    width: 100%;
-    display: table;
-  }
-
-  .nav-links:hover {
-    background-color: #fff;
-    color: #242424;
-    border-radius: 0;
-  }
-
-  .navbar-logo {
-    position: absolute;
-    top: 0;
-    left: 0;
-    transform: translate(25%, 50%);
-  }
-
-  .menu-icon {
-    display: block;
-    position: absolute;
-    top: 0;
-    right: 0;
-    transform: translate(-100%, 60%);
-    font-size: 1.8rem;
-    cursor: pointer;
-  }
-
-  .fa-times {
-    color: #fff;
-    font-size: 2rem;
-  }
-
-  .nav-links-mobile {
-    display: block;
-    text-align: center;
-    margin: 2rem auto;
-    border-radius: 4px;
-    width: 80%;
-    text-decoration: none;
-    font-size: 1.5rem;
-    background-color: transparent;
-    color: #fff;
-    padding: 14px 20px;
-    border: 1px solid #fff;
-    transition: all 0.3s ease-out;
-  }
-
-  .nav-links-mobile:hover {
-    background: #fff;
-    color: #242424;
-    transition: 250ms;
-  }
-}
