feat: start switching to absolute length units in design

1 files changed, 28 insertions, 0 deletions

diff --git a/static/input.css b/static/input.css
index 739bea7..c93fe35 100644
--- a/static/input.css
+++ b/static/input.css
@@ -5,6 +5,34 @@
     --font-patua: "Patua One", cursive;
 }
 
+html {
+    font-size: 8px;
+}
+
+@media screen and (width >= 640px) {
+    html {
+        font-size: 12px;
+    }
+}
+
+@media screen and (width >= 1200px) {
+    html {
+        font-size: 16px;
+    }
+}
+
+@media screen and (width >= 1920px) {
+    html {
+        font-size: 20px;
+    }
+}
+
+@media screen and (width >= 2560px) {
+    html {
+        font-size: 24px;
+    }
+}
+
 [data-theme="olive"] {
     --main-dark-color: #4b513a;
     --main-medium-color: #8a9d8a;