From ae3ed9dc2d374b7e0c493a9c2a7ad20b699f75a1 Mon Sep 17 00:00:00 2001
From: Paramtamtam <7326800+tarampampam@users.noreply.github.com>
Date: Tue, 14 May 2024 10:11:36 +0400
Subject: [PATCH] site(index): Fix the media selectors

---
 website/index/index.html | 22 ++++++++++++++++------
 1 file changed, 16 insertions(+), 6 deletions(-)

diff --git a/website/index/index.html b/website/index/index.html
index 73ce36d7..bffa1fb6 100644
--- a/website/index/index.html
+++ b/website/index/index.html
@@ -35,7 +35,7 @@
       --color-text-primary: #202020;
       --color-text-inverted: #fff;
       --aside-width: 30%;
-      --logo-width: 350px;
+      --logo-width: 200px;
       --showing-speed: 300ms;
     }
 
@@ -89,7 +89,7 @@
           padding: 2em 1em;
 
           h1 {
-            font-size: 4em;
+            font-size: 2em;
             font-weight: normal;
             text-transform: uppercase;
             margin: 0;
@@ -101,7 +101,7 @@
           }
 
           h2 {
-            font-size: 2.2em;
+            font-size: 1.5em;
             font-weight: normal;
             margin: 1.3em 0 1.5em 0;
           }
@@ -110,8 +110,8 @@
             margin: 2em 0;
 
             button {
-              padding: 1.5em 2em;
-              font-size: 1.5em;
+              padding: 1em 1.5em;
+              font-size: 1.2em;
               font-weight: bolder;
               background-color: var(--color-bg-inverted);
               color: var(--color-text-inverted);
@@ -199,10 +199,20 @@
       }
     }
 
-    @media screen and (max-width: 1200px) {
+    @media screen and (min-width: 2000px) {
       :root {
         --logo-width: 250px;
       }
+
+      html, body {
+        font-size: 22px;
+      }
+    }
+
+    @media screen and (max-width: 1200px) {
+      :root {
+        --logo-width: 150px;
+      }
     }
 
     @media screen and (max-width: 780px), screen and (max-height: 600px) {