fix for overflow for mobile

index.html

@@ -94,7 +94,7 @@
 
 </div>
 
-
+<script src="https://cdn.jsdelivr.net/npm/gsap@3.12.5/dist/TextPlugin.min.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/gsap@3.12.5/dist/gsap.min.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/gsap@3.12.5/dist/ScrollTrigger.min.js"></script>
 <script src="script.js"></script>

script.js

@@ -1,3 +1,13 @@
+// gsap.registerPlugin(TextPlugin)
+// const texts = ["Web Developer.", "Designer.", "Creator."];
+// gsap.to("#w1",{
+//     text:"Web Developer.",
+//     ease:"power2.out",
+//     // text:"Employee",
+//     delay:2,
+//     duration:3,
+//     repeat:-1,
+// })
 let modebtn = document.querySelector(".mode-btn_dark");
 // var below_but=document.querySelector(".document.body");
 const resume=document.querySelector("#resume");
@@ -71,21 +81,25 @@ document.addEventListener("DOMContentLoaded", function () {
 });
 var tl=gsap.timeline()
 tl.to(".menu_list",{
+    // display: flex,
     right:0,
     duration:0.5,
+    // opacity:1
 })
 tl.from(".menu_list h1",{
     y:50,
     duration:0.2,
     stagger:0.1,
-    opacity:0
+    opacity:0,
+    // opacity:0
 
 })
 tl.pause()
 var menu_but=document.querySelector("#navbar i")
 var close_but=document.querySelector(".menu_list i")
 menu_but.addEventListener("click",function(){
     gsap.to(menu_but,{
+
         opacity:0,
         duration:0.2,
     })

style.css

@@ -952,6 +952,16 @@ footer{
 }
 
 @media only screen and (max-width:600px){
+  #navbar i{
+      display: flex;
+      /* opacity: 0; */
+  }
+  html{
+    overflow-x: hidden;
+  }
+  #cursor_bg{
+    display: none;
+  }
     .mode-btn_dark{
         display: none;
     }
@@ -999,6 +1009,7 @@ footer{
         font-size: 40px;
         position: absolute;
         right: 0;
+        color: #EBA6A9;
         /* z-index:-1; */
     }
     .menu_list i{