add base font size media queries

index.html

@@ -144,7 +144,7 @@
       Ubuntu, Roboto, Noto, Segoe UI, Arial, sans-serif;
     --font-size-1: 1rem;
     --font-size-2: 3rem;
-    --font-size-base: 100%;
+    --font-size-base: 90%;
     --font-weight-bold: 700;
     --font-weight-normal: 400;
     --line-height-base: 1.4;
@@ -161,6 +161,24 @@
     }
   }
 
+  @media (min-width: 1000px) {
+    :root {
+      --font-size-base: 100%;
+    }
+  }
+
+  @media (min-width: 1200px) {
+    :root {
+      --font-size-base: 110%;
+    }
+  }
+
+  @media (min-width: 1600px) {
+    :root {
+      --font-size-base: 120%;
+    }
+  }
+
   html {
     background-color: var(--color-background);
     color: var(--color-text);