Layout change :)

app/assets/css/fonts.css

@@ -1,13 +1,14 @@
-/* @font-face {
+/* Sohne Buch */
+/*@font-face {
     font-family: 'SohneBuch';
     src:
         url('~/assets/fonts/Sohne/Sohne-Buch.woff') format('woff'),
         url('~/assets/fonts/Sohne/Sohne-Buch.ttf') format('truetype');
     font-display: swap;
-} */
+}*/
 
 /* Plantin MT Pro */
-/* @font-face {
+@font-face {
     font-family: 'Plantin MT Pro';
     src: url('~/assets/fonts/Plantin MT Pro/PlantinMTProRg.TTF')
         format('truetype');
@@ -59,7 +60,7 @@
     font-weight: 300;
     font-style: italic;
     font-display: swap;
-} */
+}
 
 /* Redaction */
 @font-face {
@@ -235,4 +236,4 @@
     font-display: swap;
 }
 
-/* @import url('https://fonts.googleapis.com/css2?family=Young+Serif&display=swap'); */
+/*@import url('https://fonts.googleapis.com/css2?family=Young+Serif&display=swap');*/

app/assets/css/main.css

@@ -1,22 +1,23 @@
 @import './fonts.css';
 
 :root {
-    /* --font: 'Baskervville', serif; */
-    /* --font: 'EB Garamond', serif; */
-    /* --font: 'Plantin MT Pro', serif; */
-    /* --font: 'Young Serif', serif; */
-    /* --font: "SohneBuch", sans-serif; */
-    --font-plain: 'SohneBuch', sans-serif;
-    --font: 'Redaction', serif;
-    --font-hover: 'Redaction 70', serif;
-    /* --font-hover: var(--font); */
+    /*--font: 'Baskervville', serif;*/
+    /*--font: 'EB Garamond', serif;*/
+    --font: 'Plantin MT Pro', serif;
+    /*--font: 'Young Serif', serif;*/
+    /*--font: 'SohneBuch', sans-serif;*/
+    /*--font-plain: 'SohneBuch', sans-serif;*/
+    /*--font: 'Redaction', serif;*/
+    /*--font-hover: 'Redaction 70', serif;*/
+    --font-plain: var(--font);
+    --font-hover: var(--font);
     --text: #333;
     --muted: #666;
-    --bg: #fbfbf7;
-    --bg-secondary: #efefe8;
+    --bg: #f6f7f9;
+    --bg-secondary: #e9ebef;
     --dot-color: #666;
 
-    --color-white-500: #fbfbf7;
+    --color-white-500: #f6f7f9;
 
     --gap: 1rem;