refactor(--layout-inner-max-width): use css variable across stylesheets

Author: sarmstead

src/css/components/get-involved.css

@@ -1,5 +1,5 @@
 .get-involved {
-    max-width: 1135px;
+    max-width: var(--layout-inner-max-width);
     margin: auto;
     padding: 70px 40px;
 

src/css/layout/container.css

@@ -4,7 +4,7 @@
 }
 
 .container {
-    max-width: 1135px;
+    max-width: var(--layout-inner-max-width);
     padding: 0 20px;
     width: 100%;
 }

src/css/pages/home.css

@@ -4,7 +4,7 @@
         flex-direction: column;
         gap: 14px;
         padding: 20px 40px 40px;
-        max-width: 1135px;
+        max-width: var(--layout-inner-max-width);
         margin: auto;
 
         h1 {
@@ -61,7 +61,7 @@
 
     .home-template__pillars__inner,
     .home-template__community__inner {
-        max-width: 1135px;
+        max-width: var(--layout-inner-max-width);
         margin: auto;
     }
 
@@ -249,7 +249,7 @@
     }
 
     .home-template__support {
-        max-width: 1135px;
+        max-width: var(--layout-inner-max-width);
         margin: auto;
         padding: 70px 40px 0;