From 59d8e3dbc6af5695d01497d2a26db67d969d4bac12f26ac46fef34ac60de5ffe Mon Sep 17 00:00:00 2001 From: Nicholas Johnson 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/style.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 . */ +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