diff --git a/index.html b/index.html
index 7d9424bc..3181b6fb 100644
--- a/index.html
+++ b/index.html
@@ -155,11 +155,11 @@ <h1 class="text-xs uppercase font-semibold tracking-widest">Menu</h1>
       <!-- Hero Section & Navbar  -->
       <!-- made the z-index-0 for the hero section so that menu button works for small screens  -->
       <div
-           class="heroSection h-[100vh] flex px-0  text-2xl lg:text-lg flex-col items-center bg-[url('./Images/HeroSection.webp')] bg-top bg-no-repeat bg-cover z-0" >
+           class="heroSection h-[100vh] flex px-0  text-2xl lg:text-lg flex-col items-center bg-[url('./Images/HeroSection.webp')] bg-top bg-no-repeat bg-cover " >
 
         <!-- Navbar  -->
         <div
-             class="indexNavbar fixed top-0 px-4 py-2 ease-in-out text-white duration-300 flex z-30 items-center justify-between w-full left-0 bg-gradient-to-l from-[#009933] to-[#c4e327]">
+             class=" fixed top-0 px-4 py-2  text-white duration-300 flex z-50 items-center justify-between w-full left-0 bg-gradient-to-l from-[#009933] to-[#c4e327] ">
           <div class="leftSection">
             <a class="text-white flex items-center" href="./index.html">
               <img src="./Images/New_Logo_2.webp" alt="Moksh Logo" class="w-[4rem] h-[4rem] rounded-full" />
@@ -350,8 +350,8 @@ <h1 class="text-black text-center mb-10 uppercase font-semibold">
 
             <!-- Card Story -->
             <div
-                 class="card cardStory mb-8 md:shadow-2xl h-full md:rounded-md md:overflow-hidden ease-in-out duration-700 relative p-4 sm:right-0 md:hover:scale-95 hover:scale-100 flex flex-col">
-              <img src="./Images/modernDivine.webp" alt="modernDivine" class="md:h-[300px] w-full" />
+                 class="card cardStory mb-8 md:shadow-2xl h-full md:rounded-md md:overflow-hidden ease-in-out duration-700 relative p-4 sm:right-0 md:hover:scale-95 hover:scale-100 flex flex-col ">
+              <img src="./Images/modernDivine.webp" alt="modernDivine" class="md:h-[300px] w-full " />
 
               <div class="card-details flex flex-col items-center grow py-4">
                 <div class="card-heading py-8 md:pt-4 md:py-0 text-black font-semibold">
@@ -457,7 +457,7 @@ <h1 class="text-black text-center mb-10 uppercase font-semibold">
 
         <!-- Contributors List  -->
         <div
-             class="contributors mt-8 md:mt-0 flex-col overflow-x-auto flex items-center justify-center bg-blue-100 w-full py-8">
+             class="contributors mt-8 md:mt-0 flex-col overflow-x-auto flex items-center justify-center bg-blue-100 w-full py-8 ">
           <div class="text-black text-center font-semibold w-full sm:w-2/3 p-4">
             <span class="pb-2 border-double border-b-4 border-black uppercase">Moksh Contributors</span>
 
@@ -468,7 +468,7 @@ <h1 class="text-black text-center mb-10 uppercase font-semibold">
             </p>
           </div>
 
-          <div class="content flex justify-center">
+          <div class="content flex justify-center ">
             <p>
               <img
                    src="https://api.vaunt.dev/v1/github/entities/akshitagupta15june/repositories/Moksh/contributors?format=svg&limit=54"
@@ -514,7 +514,7 @@ <h1 class="text-black text-center mb-10 uppercase font-semibold">
           </div>
 
           <!-- Site Nav  -->
-          <div class="mt-8 siteNav flex flex-col lg:flex-row ">
+          <div class="mt-8 siteNav flex flex-col lg:flex-row z-50">
 
             <div class="flex flex-col lg:flex-row items-center text-center lg:text-left lg:w-1/2">
               <img src="./Images/logoBgRemoved.webp" alt="Moksh Logo" class="h-24 w-24 lg:mr-4" />