diff --git a/index.html b/index.html
index 9da0dd68..b3a0a386 100644
--- a/index.html
+++ b/index.html
@@ -278,14 +278,13 @@
         <div id="loader"></div>
     </div>
     <!--Navbar Start-->
-    <nav class="navbar navbar-expand-lg fixed-top" id="top">
+    <nav class="navbar navbar-expand-lg fixed-top" id="top" style="margin-top: 10px; background-color: #a65961; border:5px solid rgb(253, 175, 105); border-radius: 150px; ">    
+        
         <div class="container-fluid">
-            <a class="navbar-brand" href="#"  style="font-family: var(--ff-philosopher);color: black;"><b>Retro</b></a>
+            <a class="navbar-brand" href="#"  style="font-family: var(--ff-philosopher);color: black; font-size: 40px; padding-left: 100px;"><b>Retro</b></a>
             <div class="collapse navbar-collapse" id="navbarSupportedContent">
-                <ul class="navbar-nav me-auto mb-2 mb-lg-0">
-                    <li class="nav-item">
-                        <a class="nav-link " aria-current="page" href="#" style="color: black;font-family: var(--ff-philosopher);">Home</a>
-                    </li>
+                <ul class="navbar-nav  mb-2 mb-lg-0" style="justify-content: center; margin: auto; gap: 30px;">
+                    
                     <li class="nav-item">
                         <a class="nav-link" href="Html-files/menu.html" style="font-family: var(--ff-philosopher);color: black;">About</a>
                     </li>
@@ -302,8 +301,8 @@
                 </ul>
 
             </div>
-            <div class="d-flex p-2">
-                <li class="nav-item" style="list-style-type: none;font-family: var(--ff-philosopher);"><a class="nav-btn" onclick="redirectLogin()" style="color: black;">Login</a></li>&nbsp;&nbsp;
+            <div class="d-flex " style="padding-right: 100px;">
+                <li class="nav-item" style="list-style-type: none;font-family: var(--ff-philosopher); "><a class="nav-btn" onclick="redirectLogin()" style="color: black;">Login</a></li>&nbsp;&nbsp;
                 <li class="nav-item" style="list-style-type: none;font-family: var(--ff-philosopher);"><a class="nav-btn" onclick="redirectSignup()" style="color: black;">Sign Up</a></li>&nbsp;&nbsp;
                 <li class="nav-item" style="list-style-type: none;">
                     <a class="nav-btn " href="Html-files/cart.html" style="color: black;"><i class="fa-solid fa-cart-shopping"></i></a>