changes to fade out on scroll

scripts/pages/user/main.js

@@ -19,9 +19,9 @@ document.addEventListener('DOMContentLoaded', function () {
         if (isInViewport(headerText)) {
             h1.classList.add('visible');
             h2.classList.add('visible');
-        } else {
-            h1.classList.remove('visible');
-            h2.classList.remove('visible');
+
+            // Remove the event listener after the first scroll
+            window.removeEventListener('scroll', handleScroll);
         }
     }
 

styles/pages/user/style.css

@@ -1,5 +1,5 @@
 body {
-    height: 200% !important;
+    height: 200vh !important;
 }
 
 .user-index-header-text {