update

Global/Global.css

@@ -5,12 +5,14 @@
     font-family: sans-serif;
 }
 
-body {
-    height: 100vh;
+html, body {
+    min-height: 100vh;
     background-color: #000;
-    background-size: cover;
-    background-position: center;
     color: #fff;
+    background-attachment: fixed;
+    background-repeat: no-repeat;
+    background-position: center;
+    background-size: cover;
 }
 
 li {
@@ -52,11 +54,11 @@ header {
     gap: 2rem;
 }
 
-.navbar .toggle-btn {
+.navbar #toggle-btn {
+    display: none;
     color: #fff;
     font-size: 1.5rem;
     cursor: pointer;
-    display: none;
 }
 
 .action_btn {
@@ -126,7 +128,7 @@ section#hero {
 /* RESPONSIVE DESIGN */
 @media(max-width: 992px) {
 
-    .navbar .toggle-btn {
+    .navbar #toggle-btn {
         display: block;
     }
 
@@ -143,6 +145,7 @@ section#hero {
         overflow: hidden;
         flex-direction: column;
         transition: height .2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
+        z-index: 100;
     }
 
     #dropdown_menu.open {
@@ -196,7 +199,7 @@ footer {
     margin: 100px auto;
     padding: 20px;
     background-color: #007bff;
-    border-radius: 5px;
+    border-radius: 50px;
     box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
     color: white;
     background-image: url(https://pics.craiyon.com/2023-09-23/f73785344017460394781c52dda41e30.webp);
@@ -263,4 +266,4 @@ main {
 
 article h2 {
     color: #ffba54;
-}
+}