From 4f8dfc80f20d2230cd244bafa6135a309983cc4f Mon Sep 17 00:00:00 2001
From: Justin Edmund <justin@jedmund.com>
Date: Mon, 26 Oct 2020 01:31:27 -0700
Subject: [PATCH] Move to use REM with 62.5% trick

---
 src/components/App/index.scss     | 3 +++
 src/components/Segment/index.scss | 1 +
 2 files changed, 4 insertions(+)

diff --git a/src/components/App/index.scss b/src/components/App/index.scss
index 4defe4f9..5481e6f8 100644
--- a/src/components/App/index.scss
+++ b/src/components/App/index.scss
@@ -2,12 +2,14 @@
 
 html {
     background: $bg-color;
+    font-size: 62.5%;
     padding: $unit * 2;
 }
 
 body {
     font-family: system-ui, -apple-system, Helvetica Neue, Helvetica, Arial, sans-serif;
 
+    font-size: 1.4rem;
     &.no-scroll {
         overflow: hidden;
     }
@@ -23,6 +25,7 @@ h1, h2, h3, p {
 
 h1 {
     font-size: 18px;
+    font-size: 2.1rem;
     font-weight: 500;
     text-align: center;
 }
diff --git a/src/components/Segment/index.scss b/src/components/Segment/index.scss
index d4f71f5a..a2ce12a0 100644
--- a/src/components/Segment/index.scss
+++ b/src/components/Segment/index.scss
@@ -3,6 +3,7 @@
     color: #888;
     cursor: pointer;
     font-size: 16px;
+    font-size: 1.4rem;
     font-weight: 500;
     min-width: 100px;