Make nav bar and footer full screen - no gaps or margins

Author: Stalin-143

index.html

@@ -35,6 +35,8 @@
             padding: 3rem 0;
             border-bottom: 4px solid var(--burnt-orange);
             box-shadow: 0 4px 0 var(--burnt-orange);
+            width: 100%;
+            margin: 0;
         }
 
         .header-content {
@@ -78,6 +80,10 @@
             top: 0;
             z-index: 100;
             box-shadow: 0 2px 8px rgba(0,0,0,0.2);
+            width: 100%;
+            margin: 0;
+            left: 0;
+            right: 0;
         }
 
         nav ul {
@@ -277,8 +283,9 @@
             color: var(--cream);
             text-align: center;
             padding: 2rem;
-            margin-top: 3rem;
+            margin: 3rem 0 0 0;
             border-top: 4px solid var(--burnt-orange);
+            width: 100%;
         }
 
         .footer-links {