Version V3

site/.vscode/settings.json

@@ -0,0 +1,3 @@
+{
+    "liveServer.settings.host": "0.0.0.0"
+}

site/style/background.css

@@ -17,6 +17,7 @@
     
     body{
         background-color: var(--bodyBoxColor);
+        background-image: url('/style/background.png');
     }
 
     .vologdaDescription{
@@ -82,32 +83,50 @@
     }
  
     :root {
-        --headerBoxColor:rgb(177, 250, 250);
+        /* --headerBoxColor:rgb(177, 250, 250);
         --postHeaderBoxColor:rgb(175, 238, 238);
 
-        --bodyBoxColor:rgb(255, 255, 255);
+        --bodyBoxColor:rgb(255, 255, 255); */
 
         --vologdaBoxMargin: 6vw;
-        --vologdaBoxColor: rgb(177, 250, 250);
-
         --boxHeight: 3.1vw;
 
         --defaultBoxWhight: 600px;
         --headFootBoxWhight: 900px;
+
+        --vologdaBoxColor: rgb(177, 250, 250);
+
+        --headerBoxColor:rgb(177, 250, 250);
+        --postHeaderBoxColor:rgb(175, 238, 238);
+        /* --headerBoxColor:rgb(177, 250, 250); */
+        --headerBoxColor:rgb(227, 38, 54);
+
+        --bodyBoxColor:rgb(255, 255, 255);
+        /* --postHeaderBoxColor:rgb(175, 238, 238); */
+        --postHeaderBoxColor:rgb(173, 32, 43);
+
+        /* 89, 152, 197 */
+        /* --bodyBoxColor:rgb(255, 255, 255); */
+        /* --bodyBoxColor:rgb(39, 38, 53); */
+        /* --bodyBoxColor:rgb(78, 89, 140); */
+        /* --bodyBoxColor:rgb(10, 9, 3); */
+        --bodyBoxColor:rgb(89, 152, 197);
+
+        /* --vologdaBoxColor: rgb(177, 250, 250); */
+        --vologdaBoxColor: rgb(227, 38, 54);
+        
     }
 
     @media (max-width: 1100px) {
         :root {
-            --defaultBoxWhight: 60%;
+            --defaultBoxWhight: 80%;
             --headFootBoxWhight: 90%;
         }
     }
 
     @media (max-width: 920px) {
         :root {
-            --defaultBoxWhight: 75%;
+            --defaultBoxWhight: 85%;
-            --headFootBoxWhight: 90%;
+            --headFootBoxWhight: 95%;
         }
-    }
+    }
-
-      

site/style/buttonStyle.css

@@ -39,13 +39,13 @@
 
     @media screen and (max-width: 1100px) {
         :root {
-            --sizeButton: 1.3;
+            --sizeButton: 2;
         }
     }
 
 
     @media screen and (max-width: 920px) {
         :root {
-            --sizeButton: 1.6;
+            --sizeButton: 2.5;
         }
     }