diff --git a/public/css/styles.css b/public/css/styles.css
index 48e9e2c..d5b8d7e 100644
--- a/public/css/styles.css
+++ b/public/css/styles.css
@@ -11904,10 +11904,11 @@ footer a:hover, footer a:active, footer a:focus {
 .dark-mode-btn {
   display: flex;
   justify-self: center;
-  align-self: center;
-  width: 30px;
-  height: 30px;
-  border-radius: 15px;
+  align-self: left;
+  width: 1.7em;
+  height: 1.7em;
+  border-radius: 50%;
+  object-fit: contain;
   cursor: pointer;
 }
 
diff --git a/public/index.html b/public/index.html
index b8a1b17..cd84916 100644
--- a/public/index.html
+++ b/public/index.html
@@ -27,15 +27,15 @@
         rel="stylesheet" />
     <!-- Core theme CSS (includes Bootstrap)-->
     <link href="css/styles.css" rel="stylesheet" />
-
 </head>
 
 <body id="page-top">
     <!-- Navigation-->
     <nav class="navbar navbar-expand-lg navbar-light fixed-top shadow-sm bg-white fs-black" id="mainNav">
         <div class="container ">
-            <a class="navbar-brand fw-bold" href="#page-top"><img src="assets/img/removebg.png" alt="logo"
-                    style="width: 70px;">intima</a>
+            <a class="navbar-brand fw-bold" href="#page-top"> <img src="assets/img/removebg.png" alt="logo" style="width: 70px;">
+                intima
+            </a>
             <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarResponsive"
                 aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
                 Menu
@@ -52,29 +52,22 @@
                         <a class="nav-link me-lg-3 " href="#Resources" role="button" aria-expanded="false">
                             Resources
                         </a>
-
                     </li>
                     <li class="nav-item">
                         <a class="nav-link me-lg-3 " href="pages/forum.html" role="button" aria-expanded="false">
                             Forum
                         </a>
-
                     </li>
-
                     <li class="nav-item">
                         <a class="nav-link me-lg-3 " href="pages/parents.html" role="button" aria-expanded="false">
                             For Parents
                         </a>
-
                     </li>
-
-
                     <li class="nav-item dark-mode-btn">
-                        <img src="assets/img/day mode.png" alt="day and night">
+                        <img src="assets/img/day mode.png" alt="day and night" style="width: 1.7em;">
                     </li>
                 </ul>
                 <button class="btn btn-primary rounded-pill px-3 mb-2 mb-lg-0" onclick="scrollToSection('#Bot')">
-
                     <span class="d-flex align-items-center">
                         <i class="bi-chat-text-fill me-2"></i>
                         <span class="small">Go To Bot</span>
@@ -88,7 +81,6 @@
   					</div>
 				</div>
             </div>
-            
         </div>
     </nav>
     <!-- Mashead header-->
@@ -98,32 +90,22 @@
                 <div class="col-lg-6">
                     <!-- Mashead text and app badges-->
                     <div class="mb-5 mb-lg-0 text-center text-lg-start">
-
                         <h1 id="tagline" class="display-1 lh-1 mb-3">Revolutionizing Sex Education in India.</h1> 
                         <p id="tagline2" class="lead fw-normal text-muted mb-5">Redefining the way we approach sexual education</p>
-
                         <div class="d-flex flex-column flex-lg-row align-items-center ">
                             <button class="btn btn-primary rounded-pill px-3 mb-2 mb-lg-0"
                                 onclick="scrollToSection('#Bot')">
-
-
                                     <span class="d-flex align-items-center">
                                         <i class="bi-chat-text-fill me-2"></i>
                                         <span id="get-Started" class="small">Get Started</span>
                                     </span>
-
                             </button>
                             <button class="btn btn-primary rounded-pill px-3 mb-2 mb-lg-0 mx-3"
                                 onclick="window.location.href='pages/quiz.html';">
-
                                 <span class="d-flex align-items-center">
-                                    <img src="./assets/img/paperlogo.png" alt="" width="25px" height="25px"
-                                        class="me-2">
-
-                                    <span class="small"><a href="pages/quiz.html" class="test">Check Your
-                                            Knowledge</a></span>
+                                    <img src="./assets/img/paperlogo.png" alt="" width="25px" height="25px" class="me-2">
+                                    <span class="small"><a href="pages/quiz.html" class="test">Check Your Knowledge</a></span>
                                 </span>
-
                             </button>
                         </div>
                     </div>
@@ -134,16 +116,12 @@ <h1 id="tagline" class="display-1 lh-1 mb-3">Revolutionizing Sex Education in In
                         <svg class="circle" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
                         </svg>
                         <!-- Adding image-->
-
                         <img src="assets/img/backgr.svg" class="home-img" alt="couple" style="width: 750px;">
-
-
-
                     </div>
                 </div>
             </div>
         </div>
-        </div>
+    </div>
     </header>
     <!-- Quote/testimonial aside-->
     <aside class="text-center bg-gradient-primary-to-secondary quote">
@@ -225,11 +203,8 @@ <h3 id="our-future-heading" class="font-alt">Our Future</h3>
             </div>
         </div>
         </div>
-
     </section>
 
-
-
     <!-- Basic features section-->
     <section id="Bot">
         <div class="container px-3">
