Commit 4249d07

@@ -18,7 +18,7 @@ header.header {
   display: flex;
   justify-content: space-between;
   align-items: baseline;
-  padding: 0.25rem;
+  padding-block: 0.25rem;
 
   .header-home {
     font-size: 1.25rem;

@@ -35,6 +35,20 @@ const {
   </head>
   <body>
     <Header />
-    <slot />
+    <main>
+      <slot />
+    </main>
   </body>
 </html>
+
+<style lang="scss" is:global>
+body {
+  max-width: 67rem;
+  margin-inline: auto;
+  padding-inline: 1rem;
+
+  > main {
+    margin-top: 1.75rem;
+  }
+}
+</style>

@@ -5,6 +5,9 @@
 :root {
   color-scheme: light;
   @include light.theme-colors;
+  background-color: var(--page-scroll-bg, var(--root-bg));
+
+  font-family: ui-serif, serif;
 }
 
 @media (prefers-color-scheme: dark) {
@@ -20,10 +23,6 @@
   color: var(--color-base-content);
 }
 
-:root {
-  background-color: var(--page-scroll-bg, var(--root-bg));
-}
-
 :where(:root, [data-theme]) {
   --root-bg: var(--color-base-100);
 }