u

index.html

@@ -104,6 +104,41 @@
     html {
       scrollbar-gutter: stable;
     }
+
+    :root {
+      --df-zoom: 1;
+      --df-vh: 100vh;
+    }
+
+    @media (max-width: 1699.98px) {
+      :root {
+        --df-zoom: 0.8;
+        --df-vh: calc(100vh / 0.8);
+      }
+      body {
+        zoom: 0.8;
+      }
+    }
+
+    @media (max-width: 1399.98px) {
+      :root {
+        --df-zoom: 0.65;
+        --df-vh: calc(100vh / 0.65);
+      }
+      body {
+        zoom: 0.65;
+      }
+    }
+
+    @media (max-width: 999.98px) {
+      :root {
+        --df-zoom: 0.5;
+        --df-vh: calc(100vh / 0.5);
+      }
+      body {
+        zoom: 0.5;
+      }
+    }
   </style>
 </head>