Change some theme default styles

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;
 }