From 57188b3cf7aaf7c357fa52b9888039003e56c0c9 Mon Sep 17 00:00:00 2001
From: Akemi Izuko <akemi@noway.moe>
Date: Wed, 27 Dec 2023 11:58:55 -0700
Subject: [PATCH] Markdown: reduce title sizes

---
 src/layouts/BlogPost.astro | 12 ++++++------
 src/styles/global.css      |  1 +
 2 files changed, 7 insertions(+), 6 deletions(-)

diff --git a/src/layouts/BlogPost.astro b/src/layouts/BlogPost.astro
index 6f2a9c0..eab7fcf 100644
--- a/src/layouts/BlogPost.astro
+++ b/src/layouts/BlogPost.astro
@@ -24,8 +24,8 @@ const { title, description, pubDate, updatedDate, heroImage } = Astro.props;
                 margin-bottom: 20px;
             }
             h1.markdown-title {
-                font-family: PoetsenOne, var(--font-sans);
-                font-size: 60px;
+                font-family: var(--font-title);
+                font-size: 40px;
             }
             .hero-image {
                 width: 100%;
@@ -43,20 +43,20 @@ const { title, description, pubDate, updatedDate, heroImage } = Astro.props;
             .prose h5,
             .prose h6 {
                 margin-top: calc(var(--font-size) / 3);
-                font-family: PoetsenOne, var(--font-sans);
+                font-family: var(--font-title);
                 text-align: left;
             }
             .prose h1 {
-                font-size: 60px;
+                font-size: 40px;
                 border-bottom: 2px solid #000;
                 margin-bottom: calc(var(--font-size) / 3);
             }
             .prose h2 {
-                font-size: 40px;
+                font-size: 30px;
                 border-bottom: 1px solid #aaa;
             }
             .prose h3 {
-                font-size: 30px;
+                font-size: 26px;
             }
             .prose h4, .prose h5, .prose h6 {
                 font-size: 22px;
diff --git a/src/styles/global.css b/src/styles/global.css
index 2685924..05a348b 100644
--- a/src/styles/global.css
+++ b/src/styles/global.css
@@ -7,6 +7,7 @@
 }
 
 :root {
+    --font-title: PoetsenOne, "Noto Sans", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
     --font-sans: "Noto Sans", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
     --font-mono: 'Noto Mono', monospace;
     --font-jp: "Source Han Sans", "源ノ角ゴシック", "Hiragino Sans", "HiraKakuProN-W3", "Hiragino Kaku Gothic ProN W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "Noto Sans", "Noto Sans CJK JP", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", "MS PGothic", "ＭＳ ゴシック", "MS Gothic", sans-serif;