diff --git a/index.php b/index.php
index 98af8d5..5280142 100644
--- a/index.php
+++ b/index.php
@@ -14,9 +14,9 @@
             color: #a9b594b3;
             background: linear-gradient(120deg, #245da4, #291451, #1e0f27, #1c0917);
             background-size: 400% 400%;
-            animation: bgFade 15s ease infinite;
+            animation: bgFade 10s ease infinite; /* sneller */
             background-attachment: fixed;
-            transition: background 0.5s, color 0.5s;
+            transition: background 0.3s, color 0.3s;
         }
 
         @keyframes bgFade {
@@ -62,14 +62,12 @@
 
         li {
             margin: 10px 0;
-            opacity: 0;
-            transform: translateY(20px);
-            transition: all 0.4s ease;
+            transition: all 0.2s ease; /* sneller */
         }
 
-        li.show {
-            opacity: 1;
-            transform: translateY(0);
+        li:hover {
+            transform: scale(1.05) translateY(-5px);
+            background: rgba(0, 255, 255, 0.4);
         }
 
         a {
@@ -80,15 +78,13 @@
             color: #00ffff;
             font-size: 18px;
             text-decoration: none;
-            transition: all 0.3s ease;
+            transition: all 0.2s ease; /* sneller */
             backdrop-filter: blur(5px);
             box-shadow: 0 4px 10px rgba(0,0,0,0.3);
         }
 
         a:hover {
-            background: rgba(0, 255, 255, 0.4);
             color: #000000;
-            transform: scale(1.05);
         }
 
         /* Hackertheme */
@@ -103,9 +99,9 @@
             box-shadow: 0 4px 10px rgba(0,255,0,0.3);
         }
 
-        body.hacker a:hover {
-            background: rgba(0, 255, 0, 0.3);
-            color: #000;
+        body.hacker li:hover {
+            background: rgba(0,255,0,0.3);
+            transform: scale(1.05) translateY(-5px);
         }
 
         ::-webkit-scrollbar {
@@ -139,17 +135,6 @@
     </ul>
 
     <script>
-        // Fade-in bij hover
-        const items = document.querySelectorAll('li');
-        items.forEach(item => {
-            item.addEventListener('mouseenter', () => {
-                item.classList.add('show');
-            });
-            item.addEventListener('mouseleave', () => {
-                item.classList.remove('show');
-            });
-        });
-
         // Hackertheme toggle
         const btn = document.getElementById('themeToggle');
         btn.addEventListener('click', () => {