diff --git a/docs/index.md b/docs/index.md
index 62f3242..7574e1d 100644
--- a/docs/index.md
+++ b/docs/index.md
@@ -41,15 +41,15 @@ window.addEventListener('scroll', () => {
     opacity = Math.max(0, Math.min(1, opacity)); // begränsa mellan 0 och 1
 
     // Tillämpa opacitet
-    //header.style.opacity = opacity;
+    header.style.opacity = opacity;
     sidebar.style.opacity = opacity;
 
     // Hantera klickbarhet så man inte klickar på osynlig meny
     if (opacity < 0.05) {
-    //  header.style.pointerEvents = "none";
+      header.style.pointerEvents = "none";
       sidebar.style.pointerEvents = "none";
     } else {
-    //  header.style.pointerEvents = "auto";
+      header.style.pointerEvents = "auto";
       sidebar.style.pointerEvents = "auto";
     }
   });
@@ -62,7 +62,7 @@ window.addEventListener('scroll', () => {
 
  <video autoplay loop muted playsinline
          style="position: absolute; left: 0;
-                height: 82vh; width: 100%;
+                height: 92vh; width: 100%;
                 object-fit: cover;
                 filter: blur(10px) brightness(0.7);
                 transform: scale(1.2); /* lite zoom för att dölja kanter */
@@ -74,7 +74,7 @@ window.addEventListener('scroll', () => {
   <video autoplay loop muted playsinline
          style="position: absolute; left: 50%;
                 transform: translate(-50%, -50px);
-                height: 95vh;
+                height: 105vh;
                 object-fit: cover; z-index: -1;">
     <source src="assets/drone.webm" type="video/webm">
     Din webbläsare stödjer inte video.
@@ -89,7 +89,7 @@ window.addEventListener('scroll', () => {
 </button>
 
 <!-- Mellanrum -->
-<div style="height: 100vh;"></div>
+<div style="height: 95vh;"></div>
                                                                   
 <div id="main-content" class="ascii-wrapper">
 <pre><code><div align="center">