Merge branch 'develop' into main

web/style/blog.scss

@@ -14,7 +14,6 @@
 .blog-post-head h1 {
     margin-block-start: 0.43em;
     margin-block-end: 0.43em;
-    font-family: $menu-font;
     font-size: 2em;
     font-weight: normal;
 }
@@ -52,6 +51,17 @@
     width: 50vw;
 }
 
+.blog-post-content > blockquote {
+    padding: 1.7em;
+    background: white;
+    border-left-style: double;
+    border-left-width: 0.4em;
+    border-left-color: $text-color;
+    border-right-style: double;
+    border-right-width: 0.4em;
+    border-right-color: $text-color;
+}
+
 @media all and (max-width: 512px) {
     .blog-post-content > * {
         width: 90vw;

web/style/index.scss

@@ -22,6 +22,16 @@ html {
   flex-direction: column;
 }
 
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: $menu-font;
+  text-align: center;
+}
+
 img {
   max-width: 70vw;
   height: auto;

web/style/kg.scss

@@ -1,5 +1,13 @@
 @use "./const.scss" as *;
 
+.kg-width-wide {
+    align-self: flex-start;
+}
+
+.kg-width-full {
+    align-self: flex-end;
+}
+
 .kg-card {
     width: auto;
     max-width: 70vw;