update

Global/Global.css

@@ -15,6 +15,11 @@ html, body {
     background-size: cover;
 }
 
+body {
+    display: flex;
+    flex-direction: column;
+}
+
 li {
     list-style: none;
 }
@@ -54,7 +59,7 @@ header {
     gap: 2rem;
 }
 
-.navbar #toggle-btn {
+.navbar #toggle_btn {
     display: none;
     color: #fff;
     font-size: 1.5rem;
@@ -128,7 +133,7 @@ section#hero {
 /* RESPONSIVE DESIGN */
 @media(max-width: 992px) {
 
-    .navbar #toggle-btn {
+    .navbar #toggle_btn {
         display: block;
     }
 
@@ -162,6 +167,7 @@ footer {
     color: #fff;
     padding: 20px 0;
     text-align: left;
+    width: 100%;
 }
 
 .footer-content {
@@ -261,6 +267,10 @@ main {
     width: 80%;
     left: 10%;
     position: relative;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    flex-grow: 1;
 }