Center nav and routes within 75rem width

Author: quantuminformation

css/common.css

@@ -11,6 +11,7 @@ Version: 0.1: added line-height 1.5 for readability and spacing between labels a
   --p-sm: 0.5rem;
   --p-md: 1rem;
   --sm: 600px;
+  --max-content-width: 75rem;
 }
 
 body {
@@ -26,6 +27,12 @@ body {
     color 0.5s;
 }
 
+main {
+  max-width: var(--max-content-width);
+  margin: 0 auto;
+  width: 100%;
+}
+
 footer {
   bottom: 0;
   width: 100%;

js/components/nav.js

@@ -44,6 +44,9 @@ export default (hostComponent) => {
         flex-direction: column;
         gap: 0.4rem;
         padding: 10px 10px;
+        max-width: var(--max-content-width);
+        margin: 0 auto;
+        width: 100%;
         background-color: var(--nav-background-color);
         z-index: 10;
         a {