Try using em/rem instead of px unit

diff --git a/backend/style.scss b/backend/style.scss
index 94fa501..72565b6 100644 (file)
--- a/backend/style.scss
+++ b/backend/style.scss
@@ -13,6 +13,10 @@ $background-container: lighten($primary, 10%);
     padding: 0px;
 }
 
+html {
+    font-size: 80%
+}
+
 a {
     color: lighten($primary, 40%);
     text-decoration: none;
@@ -20,7 +24,6 @@ a {
 }
 
 body {
-    font-size: 13px;
     font-family: Fira Code, Helvetica Neue, Helvetica, Arial, sans-serif;
     text-shadow: 2px 2px 2px rgb(0, 0, 0);
     text-align: center;
@@ -44,13 +47,13 @@ body {
 
         .content {
             background-color: $background-container;
-            border: 1px solid white;
-            padding: 10px;
+            border: 0.1em solid white;
+            padding: 0.5em;
         }
     }
 
     .footer-container {
-        font-size: 10px;
+        font-size: 0.5em;
     }
 }