elfkb nthv gjkbcbc rjynfrn afrc.

components/footer.js

@@ -3,8 +3,12 @@ class CustomFooter extends HTMLElement {
     this.attachShadow({ mode: 'open' });
     this.shadowRoot.innerHTML = `
       <style>
+        .hovered-element:hover {
+          transform: translateY(-5px);
+          transition: transform 0.3s ease;
+        }
         footer {
-          background: rgba(17, 24, 39, 0.8);
+background: rgba(17, 24, 39, 0.8);
           backdrop-filter: blur(10px);
           color: #9ca3af;
           padding: 2rem;

index.html

@@ -98,9 +98,8 @@
             </div>
         </section>
 </main>
-<custom-footer></custom-footer>
-
-    <script src="components/navbar.js"></script>
+<custom-footer class="hovered-element"></custom-footer>
+<script src="components/navbar.js"></script>
     <script src="components/footer.js"></script>
     <script src="script.js"></script>
     <script>