Update

app/globals.css

@@ -19,19 +19,12 @@ html.has-menu-open {
   scrollbar-gutter: stable;
 }
 
-html,
-body {
-  max-width: 100vw;
-}
-
 body {
   min-height: 100%;
-  display: flex;
-  flex-direction: column;
   color: var(--font-body-color);
   background: var(--color-background);
   font-family: var(--font-body);
-  font-size: 1rem;
+  font-size: var(--font-size-base);
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   line-height: var(--line-height-body);
@@ -40,19 +33,10 @@ body {
 
 main {
   width: 100%;
-  max-width: 1280px;
-  margin-inline: auto;
-  padding: 0 var(--space-4);
 }
 
 @media (min-width: 768px) {
-  main {
-    padding: 0 var(--space-4);
-  }
 }
 
 @media (min-width: 1024px) {
-  main {
-    padding: 0 var(--space-6);
-  }
 }