From 9de7122b40b301ca6b960ca0b1b2dbaf30569d51 Mon Sep 17 00:00:00 2001
From: Alex Selimov <alex@alexselimov.com>
Date: Wed, 12 Aug 2026 17:02:32 -0400
Subject: [PATCH] Change some theme default styles

---
 assets/auto-theme.css | 21 ++++++++++++++++++---
 assets/herman.css     | 28 +++++++++++++++-------------
 2 files changed, 33 insertions(+), 16 deletions(-)

diff --git a/assets/auto-theme.css b/assets/auto-theme.css
index 276e937..9fec462 100644
--- a/assets/auto-theme.css
+++ b/assets/auto-theme.css
@@ -1,20 +1,30 @@
+@font-face {
+  font-family: "Afacad";
+  src: url("/fonts/Afacad[wght].ttf") format("truetype");
+  font-weight: 400 700;
+  font-style: normal;
+  font-display: swap;
+}
+
 :root {
+  font-size: 75%;
   --size: 0.96rem;
   --spacing: calc(var(--size) * 2);
 }
 
 body {
-  font-family: "Nunito", "Avenir Next", "Avenir", "Segoe UI", "Helvetica Neue",
-    Helvetica, Arial, sans-serif;
+  font-family: "Afacad", sans-serif;
+  font-weight: 400;
   font-size: calc(var(--size) * 1.6);
   line-height: 1.45;
   padding: 0 2.8rem 2.8rem;
+  max-width: 80ch;
 }
 
 header,
 main,
 footer {
-  max-width: 66ch;
+  max-width: 80ch;
 }
 
 header,
@@ -95,6 +105,11 @@ a:focus-visible {
   text-decoration: underline;
 }
 
+ul.blog-posts {
+  padding-inline-start: 1em;
+  list-style-position: inside;
+}
+
 ul.blog-posts li {
   margin-bottom: 0.2rem;
 }
diff --git a/assets/herman.css b/assets/herman.css
index 1eeafdf..d59cdf7 100644
--- a/assets/herman.css
+++ b/assets/herman.css
@@ -1,5 +1,13 @@
+@font-face {
+  font-family: "Afacad";
+  src: url("/fonts/Afacad[wght].ttf") format("truetype");
+  font-weight: 400 700;
+  font-style: normal;
+  font-display: swap;
+}
+
 :root {
-  font-size: 62.5%; /* 10px */
+  font-size: 75%;
   --color-dark: #1a1a1a;
   --color-light: #faf8f4;
   --color-primary: #EF9F27;
@@ -11,13 +19,12 @@ body {
   background: var(--color-dark);
   color: var(--color-light);
   padding: 4rem;
-  font-family: Avenir, 'Avenir Next LT Pro', Montserrat, Corbel, 'URW Gothic',
-    source-sans-pro, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
-    "Segoe UI Symbol", "Noto Color Emoji";
+  font-family: "Afacad", sans-serif;
+  font-weight: 400;
   font-size: calc(var(--size) * 1.8);
   line-height: 1.5;
   min-height: 80vh;
-  max-width: 1600px;
+  max-width: 80ch;
   margin: 0 auto;
   word-wrap: break-word;
 }
@@ -25,7 +32,7 @@ body {
 header,
 main,
 footer {
-  max-width: 70ch;
+  max-width: 80ch;
   margin-inline: auto;
 }
 
@@ -121,12 +128,8 @@ blockquote {
 }
 
 ul.blog-posts {
-  list-style-type: disc;
-  padding: unset;
-}
-ul.blog-posts li {
-  display: list-item;
-  flex-direction: column;
+  padding-inline-start: 1em;
+  list-style-position: inside;
 }
 ul.blog-posts li span {
   min-width: 11ch;
@@ -171,7 +174,6 @@ td {
 
 @media screen and (min-width: 600px) {
   ul.blog-posts li {
-    flex-direction: row;
     gap: calc(var(--spacing) / 2);
   }
 }