Remove width constraints - full screen layout with no empty space

index.html

@@ -38,9 +38,8 @@
         }
 
         .header-content {
-            max-width: 1000px;
-            margin: 0 auto;
-            padding: 0 2rem;
+            width: 100%;
+            padding: 0 1rem;
             text-align: center;
         }
 
@@ -86,7 +85,7 @@
             display: flex;
             justify-content: center;
             gap: 2rem;
-            max-width: 1000px;
+            width: 100%;
             margin: 0 auto;
             flex-wrap: wrap;
             padding: 0 1rem;
@@ -109,9 +108,9 @@
         }
 
         main {
-            max-width: 1000px;
-            margin: 0 auto;
-            padding: 0 2rem;
+            width: 100%;
+            margin: 0;
+            padding: 0 1rem;
         }
 
         section {
@@ -121,6 +120,7 @@
             border: 3px solid var(--dark-brown);
             box-shadow: 6px 6px 0 rgba(0,0,0,0.1);
             position: relative;
+            width: 100%;
         }
 
         section::before {