From ea72e8994aa05318d9c0a85b19cdce672de85b68 Mon Sep 17 00:00:00 2001
From: Kentaro Sugimoto <tarotene.dev@gmail.com>
Date: Fri, 30 Sep 2022 19:05:00 +0900
Subject: [PATCH] Change font set

---
 sass/main.scss | 43 +++++++++++++++++++++++++++++++------------
 1 file changed, 31 insertions(+), 12 deletions(-)

diff --git a/sass/main.scss b/sass/main.scss
index 20a3fd3..5af784d 100644
--- a/sass/main.scss
+++ b/sass/main.scss
@@ -10,10 +10,19 @@ html {
   box-sizing: inherit;
 }
 
+header {
+  font-family: Hack, DejaVu Sans Mono, Monaco, Consolas, Ubuntu Mono, monospace;
+}
+
+footer {
+  font-family: Hack, DejaVu Sans Mono, Monaco, Consolas, Ubuntu Mono, monospace;
+}
+
 body {
   margin: 0;
   padding: 0;
-  font-family: Hack, DejaVu Sans Mono, Monaco, Consolas, Ubuntu Mono, monospace;
+  font-family: sans-serif, DejaVu Sans Mono, Monaco, Consolas, Ubuntu Mono,
+    monospace;
   font-size: 1rem;
   line-height: 1.54;
   background-color: var(--background);
@@ -28,7 +37,13 @@ body {
   }
 }
 
-h1, h2, h3, h4, h5, h6 {
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: serif, DejaVu Sans Mono, Monaco, Consolas, Ubuntu Mono, monospace;
   display: flex;
   align-items: center;
   font-weight: bold;
@@ -47,11 +62,12 @@ h3 {
   font-size: 1.2rem;
 }
 
-h4, h5, h6 {
+h4,
+h5,
+h6 {
   font-size: 1.15rem;
 }
 
-
 a {
   color: inherit;
 }
@@ -129,16 +145,16 @@ code {
   background: var(--accent-alpha-20);
   padding: 1px 6px;
   margin: 0 2px;
-  font-size: .95rem;
+  font-size: 0.95rem;
 }
 
 pre {
   font-family: Hack, DejaVu Sans Mono, Monaco, Consolas, Ubuntu Mono, monospace;
   padding: 20px;
-  font-size: .95rem;
+  font-size: 0.95rem;
   overflow: auto;
-  border-top: 1px solid rgba(255, 255, 255, .1);
-  border-bottom: 1px solid rgba(255, 255, 255, .1);
+  border-top: 1px solid rgba(255, 255, 255, 0.1);
+  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
 
   @media (max-width: $phone-max-width) {
     white-space: pre-wrap;
@@ -163,7 +179,7 @@ blockquote {
   }
 
   &:before {
-    content: '”';
+    content: "”";
     font-family: Georgia, serif;
     font-size: 3.875rem;
     position: absolute;
@@ -184,7 +200,7 @@ blockquote {
   }
 
   p:before {
-    content: '>';
+    content: ">";
     display: block;
     position: absolute;
     left: -25px;
@@ -199,7 +215,9 @@ table {
   margin: 40px 0;
 }
 
-table, th, td {
+table,
+th,
+td {
   border: 1px dashed var(--accent);
   padding: 10px;
 }
@@ -208,7 +226,8 @@ th {
   color: var(--accent);
 }
 
-ul, ol {
+ul,
+ol {
   margin-left: 30px;
   padding: 0;