From b4d9efdef765e597da4ede1f379ec0f3b4971ff7 Mon Sep 17 00:00:00 2001
From: Gigi <dergigi@pm.me>
Date: Thu, 28 Apr 2022 08:36:19 +0200
Subject: [PATCH] style: typography, font sizes, margins

---
 _layouts/text.html |  2 +-
 css/21.css         | 16 +++++++++-------
 2 files changed, 10 insertions(+), 8 deletions(-)

diff --git a/_layouts/text.html b/_layouts/text.html
index 5cb6cce..94074a3 100644
--- a/_layouts/text.html
+++ b/_layouts/text.html
@@ -6,7 +6,7 @@ layout: default
 	<div class="row">
 		<div class="span8 offset2">
 			<div class="content">
-				{% if page.title %}<h1>{{ page.title }}</h1>{% endif %}
+				{% if page.title %}<center><h1>{{ page.title }}</h1></center>{% endif %}
 
 				{{ content }}
 			</div>
diff --git a/css/21.css b/css/21.css
index 4abc3f2..ad622c7 100644
--- a/css/21.css
+++ b/css/21.css
@@ -144,13 +144,15 @@ h3:hover .headerlink {
 
 .content h1 {
 	margin: 1em 0 0.5em;
-	font-size: 42px;
+	font-size: 3rem;
 	font-weight: normal;
 }
 
 .content h2 {
-	font-size: 30px;
-	margin: 1em 0 0.4em;
+	font-size: 2rem;
+	margin: 1rem 0 0rem;
+	padding-bottom: 0;
+	padding-top: 2rem;
 	font-weight: normal;
 }
 
@@ -180,15 +182,15 @@ h3:hover .headerlink {
 @media screen and (max-width: 979px) {
 
 	.content p, .content li {
-		font-size: 13px;
-		line-height: 19px;
+		font-size: 1rem;
+		line-height: 1.5rem;
 	}
 
 	.content h1 {
-		font-size: 32px;
+		font-size: 2rem;
 	}
 
 	.content h2 {
-		font-size: 23px;
+		font-size: 1.8rem;
 	}
 }
\ No newline at end of file