diff --git a/index.html b/index.html
index 630b1a5..b9da9fe 100644
--- a/index.html
+++ b/index.html
@@ -17,6 +17,7 @@
     <video autoplay loop muted src="pictures/bg_video.mp4"></video>
     <div>
         <div id="nav"></div>
+        <div id="main"></div>
 
         <div id="main">
             <!-- page1 -->
@@ -99,12 +100,9 @@ <h2>BMI Calculator</h2>
                     </div>
                 </div>
             </div>
+        </div>    
             
-            <!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.2/gsap.min.js"></script>
-            <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.2/ScrollTrigger.min.js"></script>
-
-            <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/@emailjs/browser@4/dist/email.min.js">
-            </script> -->
+       
             <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.5/gsap.min.js"
                 integrity="sha512-7eHRwcbYkK4d9g/6tD/mhkf++eoTHwpNM9woBxtPUBWm67zeAfFC+HrdoE2GanKeocly/VxeLvIqwvCdk7qScg=="
                 crossorigin="anonymous" referrerpolicy="no-referrer"></script>
diff --git a/navbar.js b/navbar.js
index b9578b2..b59a09d 100644
--- a/navbar.js
+++ b/navbar.js
@@ -14,14 +14,3 @@ gsap.to("#nav", {
     }
 
 })
-gsap.to("#main", {
-    backgroundColor: "#000",
-    scrollTrigger: {
-        trigger: "main",
-        scroller: "body",
-        // markers:true
-        start: "top -25%",
-        end: "top -75%",
-        scrub: 2
-    }
-})
\ No newline at end of file
diff --git a/script.js b/script.js
index 62e2c42..af1a1b0 100644
--- a/script.js
+++ b/script.js
@@ -14,17 +14,18 @@ gsap.to("#nav", {
   }
 
 })
+
 gsap.to("#main", {
   backgroundColor: "#000",
   scrollTrigger: {
-      trigger: "main",
-      scroller: "body",
-      // markers:true
-      start: "top -25%",
-      end: "top -75%",
-      scrub: 2
-  }
-})
+    trigger: "#main",
+    scroller: "body",
+    // markers: true,
+    start: "top -25%",
+    end: "top -70%",
+    scrub: 2,
+  },
+});
 
 // page 2 
 
diff --git a/style.css b/style.css
index 12bf5b0..412f5a4 100644
--- a/style.css
+++ b/style.css
@@ -111,6 +111,11 @@ video {
     animation: outlineAnimation 5s infinite ease-in-out;
 }
 
+#main {
+    position: relative;
+    background-color: rgba(0, 0, 0, 0.39);
+  }
+
 .main main{
     width:100%;
     height:calc(100% - 280px);