From 59d8e3dbc6af5695d01497d2a26db67d969d4bac12f26ac46fef34ac60de5ffe Mon Sep 17 00:00:00 2001
From: Nicholas Johnson <nick@nicholasjohnson.ch>
Date: Thu, 8 Dec 2022 00:00:00 +0000
Subject: Replace font-size px units with rem

Rem makes the site more accessible.
---
 assets/css/style.css | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

(limited to 'assets/css')

diff --git a/assets/css/style.css b/assets/css/style.css
index 6512a20..603fcc5 100644
--- a/assets/css/style.css
+++ b/assets/css/style.css
@@ -16,19 +16,23 @@
 	along with this program.  If not, see <https://www.gnu.org/licenses/>.
 */
 
+html {
+	font-size: 62.5%;
+}
+
 h1 {
 	color: #ff0000;
-	font-size: 22px;
+	font-size: 2.2rem;
 }
 
 h2 {
 	color: #66ff00;
-	font-size: 20px;
+	font-size: 2rem;
 }
 
 h3, h4, h5, h6 {
 	color: #ff007f;
-	font-size: 18px;
+	font-size: 1.8rem;
 }
 
 h1, h2, h3, h4, h5, h6 {
@@ -76,7 +80,7 @@ p, ul, ol, blockquote {
 	background-color: black;
 	color: lightgray;
 	font-family: Arial, Helvetica, sans-serif;
-	font-size: 18px;
+	font-size: 1.8rem;
 	line-height: 1.4;
 	margin: 0 auto;
 	padding: 1.4em 0;
-- 
cgit v1.2.3