added lightmode for footer, box shadows for header and paddings for main element

script.js

@@ -22,4 +22,15 @@ document.addEventListener("DOMContentLoaded", () => {
     darkModeButton.addEventListener("click", () => {
         toggleDarkMode(true);
     })    
+
+    // Add/remove scrolled style to header
+    window.addEventListener("scroll", () => {
+        const header = document.querySelector("header");
+
+        if (window.scrollY === 0){
+            header.classList.remove("scrolled");
+        } else {
+            header.classList.add("scrolled");
+        }
+    })
 })