Removed fixed *px sizes in favor or *rem

web/components/common/ContentHeader/ContentHeader.module.scss

@@ -1,7 +1,7 @@
 .root {
   position: relative;
   display: grid;
-  padding: 20px;
+  padding: 1.4rem;
 }
 
 .row {
@@ -15,8 +15,8 @@
     .logo {
       margin-left: auto;
       margin-right: auto;
-      margin-bottom: 10px;
+      margin-bottom: 0.6rem;
-      margin-top: 10px;
+      margin-top: 0.6rem;
     }
   }
 }
@@ -24,18 +24,18 @@
 .titleSection {
   display: flex;
   flex-direction: column;
-  margin-left: 10px;
+  margin-left: 0.6rem;
 
   .title {
     font-family: var(--theme-text-display-font-family);
     color: var(--theme-color-palette-0);
-    font-size: 32px;
+    font-size: 2rem;
     font-weight: bold;
     line-height: 30px;
   }
 
   .subtitle {
-    font-size: 22px;
+    font-size: 1.5rem;
     font-weight: 300;
     line-height: 1.3;
     color: var(--theme-color-background-header);
@@ -48,8 +48,8 @@
 
   span {
     display: inline-block;
-    margin-right: 8px;
+    margin-right: 0.5rem;
-    font-size: 14px;
+    font-size: 0.9rem;
     font-weight: 500;
   }
 }

web/components/ui/CustomPageContent/CustomPageContent.module.scss

@@ -27,7 +27,7 @@
   }
 
   div.summary {
-    font-size: 18px;
+    font-size: 1.1rem;
   }
 
   p {

web/components/ui/NotifyReminderPopup/NotifyReminderPopup.module.scss

@@ -11,7 +11,7 @@
   top: 10px;
   background-color: transparent;
   border: none;
-  font-size: 20px;
+  font-size: 1.3rem;
   cursor: pointer;
 }
 
@@ -19,4 +19,4 @@
   border-bottom: none;
   font-weight: bold;
   padding-left: 5px;
-}
+}

web/styles/chat.scss

@@ -8,7 +8,7 @@
     }
     &.toggle-col {
       label {
-        font-size: 11px;
+        font-size: 0.7rem;
       }
     }
 

web/styles/globals.scss

@@ -14,9 +14,12 @@
   background-color: var(--theme-color-palette-12);
 }
 
+html {
+  font-size: clamp(14px, 1.35vw, 16px);
+}
+
 body {
   font-family: var(--theme-text-body-font-family);
-  font-size: 16px;
   line-height: 1.5em;
   margin: 0;
 

web/styles/home.scss

@@ -99,7 +99,7 @@
   }
   article {
     padding: 1em 0.25em;
-    font-size: 14px;
+    font-size: 0.9rem;
     color: var(--white-75);
     border-bottom: 1px solid var(--gray);