From 5ea0dd6b25f862fb396f788e8cc4e0031977d86c Mon Sep 17 00:00:00 2001
From: Rishabh Katiyar <rishabhasus9@gmail.com>
Date: Wed, 23 Oct 2024 14:16:56 +0530
Subject: [PATCH] Fixed navbar

---
 Css-files/navbarstyles.css | 5 ++---
 index.html                 | 8 +++++---
 2 files changed, 7 insertions(+), 6 deletions(-)

diff --git a/Css-files/navbarstyles.css b/Css-files/navbarstyles.css
index 5f22fd7c..4a9bbbc3 100644
--- a/Css-files/navbarstyles.css
+++ b/Css-files/navbarstyles.css
@@ -11,12 +11,11 @@ body {
     display: flex;
     width: 100%;
     justify-content: space-between;
-    margin: 10px 1px!important;
-    border-radius: 20px;
+    margin: 20px 1px!important;
 }
 
 .nav-right {
-    margin-left: auto;
+    /* margin-left: auto; */
     /* Pushes the login/signup to the right side */
     display: flex;
     gap: 15px;
diff --git a/index.html b/index.html
index cd0745ad..966d8434 100644
--- a/index.html
+++ b/index.html
@@ -441,7 +441,7 @@
                 <span class="navbar-toggler-icon"></span>
             </button>
             <div class="collapse navbar-collapse" id="navbarSupportedContent">
-                <ul class="navbar-nav me-auto mb-2 mb-lg-0">
+                <ul class="navbar-nav me-auto mb-2 mb-lg-0" style="margin-left: 25vw;">
                     <li class="nav-item">
                         <a class="nav-link" aria-current="page" href="#"
                             style="color: black; font-family: var(--ff-philosopher);">Home</a>
@@ -512,12 +512,13 @@
     
     .dark-mode {
         background-color: #343a40; 
-        color: white; 
+        color: white !important; 
+
     }
     
     .dark-mode .navbar .navbar-brand,
     .dark-mode .navbar .nav-link {
-        color: white;
+        color: white !important;
     }
     
     .dark-mode .navbar .nav-link:hover {
@@ -538,6 +539,7 @@
     
     #darkModeToggle:hover {
         background-color: #e2e6ea; 
+        color: #fff !important;
     }
     
     #darkModeToggle .fas {