feat: Adapt layout to the theme

assets/styles/main.sass

@@ -17,7 +17,7 @@ $color-main: #abd1c6
 $color-light: #e8e4e6
 $color-lightest: #fffffe
 $color-secondary: #f9bc60
-$color-tertiary: #e16162
+$color-tertiary: #A91804
 
 @mixin theme
   // https://www.happyhues.co/palettes/10
@@ -43,10 +43,10 @@ $color-tertiary: #e16162
 
 
   --color-secondary-background: var(--color-secondary)
-  --color-secondary-headline: var(--color-darkest)
+  --color-secondary-headline: var(--color-stroke)
   --color-secondary-paragraph: #{$color-darken}
 
-  --color-secondary-link: var(--color-highlight)
+  --color-secondary-link: var(--color-tertiary)
   --color-secondary-button: var(--color-highlight)
   --color-secondary-button-text: var(--color-stroke)
 
@@ -78,6 +78,15 @@ $color-tertiary: #e16162
     a
       color: var(--color-card-link)
 
+  .quote
+    color: var(--color-paragraph)
+
+    h1, h2, h3, h4, h5, h6
+      color: var(--color-paragraph)
+
+    strong
+        color: var(--color-link)
+
 @mixin theme-secondary
   color: var(--color-secondary-paragraph)
   background: var(--color-secondary-background)
@@ -88,7 +97,7 @@ $color-tertiary: #e16162
     color: var(--color-secondary-button-text)
   a
     color: var(--color-secondary-link)
-  .card
+  .card, .cards > *
     color: var(--color-secondary-card-paragraph)
     background: var(--color-secondary-card-background)
     h1, h2, h3, h4, h5, h6
@@ -99,6 +108,13 @@ $color-tertiary: #e16162
     a
       color: var(--color-secondary-card-link)
 
+svg
+  height: 120px
+  .st0
+    fill: var(--color-paragraph)
+  .st1
+    fill: var(--color-link)
+
 body
   @include theme
   @include theme-primary
@@ -120,9 +136,8 @@ body
   font-size: 1.125rem
   font-family: -apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"
 
-  margin: 0 auto
-  padding: 0 var(--tile)
-  max-width: 800px
+  margin: 0
+  padding: 0
   overflow-y: scroll
 
   @media screen and (max-width: $size-small)
@@ -130,6 +145,11 @@ body
     --tile: 1rem
     font-size: .9rem
 
+.content
+  max-width: 800px
+  padding: var(--tile)
+  margin: 0 auto
+
 img
   max-width: 100%
   @media screen and (max-width: $size-small)
@@ -230,11 +250,9 @@ h3
   text-align: center
 
   h2
-    color: var(--color-paragraph)
     margin: 0
 
     strong
-      color: var(--color-highlight)
       font-size: 130%
 
 .blogDate