diff --git a/src/layouts/BaseLayout.astro b/src/layouts/BaseLayout.astro
index 0837182..4b5be2b 100644
--- a/src/layouts/BaseLayout.astro
+++ b/src/layouts/BaseLayout.astro
@@ -35,7 +35,7 @@ const { pageTitle } = Astro.props;
             {pageTitle}
         </h1>
         <slot />
-        <Footer>
+        <Footer />
         <script>
             import "../scripts/menu.js";
         </script>
@@ -44,6 +44,6 @@ const { pageTitle } = Astro.props;
 
 <style>
   .page-title {
-      font-size: 2.8rem;
+      font-size: 2.2rem;
   }
-</style>
\ No newline at end of file
+</style>
diff --git a/src/scripts/menu.js b/src/scripts/menu.js
index 13f8805..6850174 100644
--- a/src/scripts/menu.js
+++ b/src/scripts/menu.js
@@ -1,3 +1,16 @@
-document.querySelector('.hamburger').addEventListener('click', () => {
-    document.querySelector('.nav-links').classList.toggle('expanded');
-});
+const setupHamburgerMenu = () => {
+    const hamburger = document.querySelector('.hamburger');
+    const navLinks = document.querySelector('.nav-links');
+
+    if (!hamburger || !navLinks) return;
+
+    hamburger.addEventListener('click', () => {
+        navLinks.classList.toggle('expanded');
+    });
+};
+
+if (document.readyState === 'loading') {
+    document.addEventListener('DOMContentLoaded', setupHamburgerMenu);
+} else {
+    setupHamburgerMenu();
+}