From 389128cdd5f811a49b38c8e05dbada42108d8c9c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=D0=9F=D0=B5=D1=82=D1=83=D1=85=D0=BE=D0=B2=D0=B0=20=D0=A0?=
 =?UTF-8?q?=D0=BE=D1=81=D1=82=D0=B8=D1=81=D0=BB=D0=B0=D0=B2=D0=B0?=
 <kseniks2004@gmail.com>
Date: Tue, 31 Oct 2023 21:24:56 +0300
Subject: [PATCH] Adaptive v2

---
 site/style/background.css  | 36 +++++++++++++++++++++++++++---------
 site/style/buttonStyle.css | 13 +++++++++++++
 2 files changed, 40 insertions(+), 9 deletions(-)

diff --git a/site/style/background.css b/site/style/background.css
index 9b65fb3..63f37f8 100644
--- a/site/style/background.css
+++ b/site/style/background.css
@@ -8,8 +8,8 @@
         top: 10%;
  
         z-index: 2;
-        width: 60vw;
-        background-color:  var(--headerBoxColor);
+        width: var(--headFootBoxWhight);
+        background-color: var(--headerBoxColor);
 
         border-radius: 2vw;
         overflow: hidden;
@@ -22,9 +22,9 @@
     .vologdaDescription{
         position:relative;
         margin: auto;
-        margin-top: 6vw;
+        margin-top: 3vw;
 
-        width: var(--blockSize);
+        width: var(--defaultBoxWhight);
 
         text-align: center;
 
@@ -37,7 +37,7 @@
         position:relative;
         margin: auto;
 
-        width: var(--blockSize);
+        width: var(--defaultBoxWhight);
         margin-top: 6vw;
         height: 25%;
 
@@ -53,7 +53,7 @@
         margin: auto;
         margin-top: var(--vologdaBoxMargin);
 
-        width: var(--blockSize);
+        width: var(--defaultBoxWhight);
         height: 30vw;
 
         text-align: center;
@@ -72,7 +72,7 @@
 		margin: auto;
 
         margin-top: calc(var(--boxHeight) * 1.5);
-        width: 70%;
+        width: var(--headFootBoxWhight);
 
         background-color: var(--headerBoxColor);
         border-radius: 1vw;
@@ -88,8 +88,26 @@
         --bodyBoxColor:rgb(255, 255, 255);
 
         --vologdaBoxMargin: 6vw;
-        --blockSize: 50vw;
         --vologdaBoxColor: rgb(177, 250, 250);
 
         --boxHeight: 3.1vw;
-    }
\ No newline at end of file
+
+        --defaultBoxWhight: 600px;
+        --headFootBoxWhight: 900px;
+    }
+
+    @media (max-width: 1100px) {
+        :root {
+            --defaultBoxWhight: 60%;
+            --headFootBoxWhight: 90%;
+        }
+    }
+
+    @media (max-width: 920px) {
+        :root {
+            --defaultBoxWhight: 75%;
+            --headFootBoxWhight: 90%;
+        }
+    }
+
+      
\ No newline at end of file
diff --git a/site/style/buttonStyle.css b/site/style/buttonStyle.css
index dadc971..dc40b48 100644
--- a/site/style/buttonStyle.css
+++ b/site/style/buttonStyle.css
@@ -35,4 +35,17 @@
 
     :root {
         --sizeButton: 1;
+    }
+
+    @media screen and (max-width: 1100px) {
+        :root {
+            --sizeButton: 1.3;
+        }
+    }
+
+
+    @media screen and (max-width: 920px) {
+        :root {
+            --sizeButton: 1.6;
+        }
     }
\ No newline at end of file