From c9932faeb83d604a4ee83f3cdb0683c58e5423a1 Mon Sep 17 00:00:00 2001
From: Rhiannon Morris <rhi@rhiannon.website>
Date: Tue, 18 Aug 2020 18:47:03 +0200
Subject: [PATCH] style tweaks

---
 style/counters.css |  6 +++++-
 style/page.css     | 48 +++++++++++++++++++++++++++++-----------------
 2 files changed, 35 insertions(+), 19 deletions(-)

diff --git a/style/counters.css b/style/counters.css
index f473ce3..8dfb591 100644
--- a/style/counters.css
+++ b/style/counters.css
@@ -1,5 +1,9 @@
 :root {
-  --section-prefix: '§ ';
+  --section-prefix: '';
+}
+
+h1::before, h2::before, h3::before, h4::before, h5::before, h6::before {
+  padding-right: 1ex;
 }
 
 main h1 {
diff --git a/style/page.css b/style/page.css
index 7deb035..5e39f80 100644
--- a/style/page.css
+++ b/style/page.css
@@ -7,8 +7,7 @@
   --root-col: hsl(0deg, 2%, 19%);
   --fg-col:   hsl(336deg, 17%, 11%);
   --bg-col:   hsl(40deg, 91%, 98%);
-  --link-col: hsl(188deg, 39%, 26%);
-  --head-col: hsl(355deg, 52%, 48%);
+  --link-col: hsl(355deg, 52%, 48%);
 }
 
 :root {
@@ -34,49 +33,62 @@ body {
 }
 
 
-h1, h2, h3, h4, h5, h6 {
-  color: var(--head-col);
-  margin: 1.5em 0 0.5em;
+header {
+  text-align: center;
 }
 
-h1::before, h2::before, h3::before, h4::before, h5::before, h6::before {
-  padding-right: 2ex;
+header h1 {
+  font-size: 350%;
+  font-weight: 100;
+  margin-top: 0;
+}
+
+h1, h2, h3, h4, h5, h6 {
+  margin: 1em 0 0.25em;
 }
 
 h1 {
-  font-size: 130%;
-  font-weight: 800;
+  font-size: 200%;
+  font-weight: 200;
 }
 
 h2 {
-  font-size: 120%;
-  font-weight: 800;
+  font-size: 180%;
+  font-weight: 200;
 }
 
 h3 {
-  font-size: 100%;
-  font-weight: 800;
+  font-size: 160%;
+  font-weight: 200;
 }
 
 h4 {
-  font-size: 100%;
-  font-weight: 700;
+  font-size: 140%;
+  font-weight: 300;
 }
 
 h5 {
-  font-size: 100%;
-  font-weight: 600;
+  font-size: 120%;
+  font-weight: 300;
 }
 
 h6 {
   font-size: 100%;
-  font-weight: 500;
+  font-weight: 400;
 }
 
 a {
   color: var(--link-col);
 }
 
+b, strong {
+  font-weight: 600;
+}
+
+ul li {
+  list-style: '— ';
+}
+
 
 .ipa, .lang {
   font-family: Andika;