Replace font-size px units with rem

Rem makes the site more accessible.

1 files changed, 8 insertions, 4 deletions

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;