style + bg + color

site/index.html

@@ -8,7 +8,7 @@
         <link rel="icon" href="/favicon.ico">
 
         <meta charset="utf-8"/>
-        <title>Site</title>
+        <title>Вологда путешествия</title>
         
         <!--HTML loader script-->
         <script type="text/javascript" charset="utf-8" src="/scripts/w3-include.js"></script>
@@ -36,7 +36,6 @@
 
         <div w3-include-html="/pages/attractions.html"></div>
 
-
         <!--RESTAURANTS-->
         
         

site/style/background.css

@@ -17,6 +17,7 @@
     
     body{
         background-color: var(--bodyBoxColor);
+        background-image: url('/style/background.png');
     }
 
     .vologdaDescription{
@@ -94,14 +95,30 @@
     }
  
     :root {
-        --headerBoxColor:rgb(177, 250, 250);
-        --postHeaderBoxColor:rgb(175, 238, 238);
+        /* --headerBoxColor:rgb(177, 250, 250); */
+        --headerBoxColor:rgb(227, 38, 54);
+
+        /* --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);
+
+
+
+
         
-        --bodyBoxColor:rgb(255, 255, 255);
 
         --vologdaBoxMargin: 6vw;
         --blockSize: 50vw;
-        --vologdaBoxColor: rgb(177, 250, 250);
+        
+        /* --vologdaBoxColor: rgb(177, 250, 250); */
+        --vologdaBoxColor: rgb(227, 38, 54);
+        
 
         --boxHeight: 3.1vw;
     }

site/style/textFont.css

@@ -1,3 +1,4 @@
+    /* Beryozki */
     @font-face {
         font-family: 'Beryozki';
         src: url('/style/fonts/Beryozki.eot') format('embedded-opentype');
@@ -14,20 +15,40 @@
         font-style: normal;
     }
 
+    /* Tsarevich */
+    @font-face {
+        font-family: 'Tsarevich-Regular';
+        src: url('/style/fonts/Tsarevich-Regular.eot') format('embedded-opentype');
+        font-weight: normal;
+        font-style: normal;
+    }
+
+    @font-face {
+        font-family: 'Tsarevich-Regular';
+        src:  url('/style/fonts/Tsarevich-Regular.woff') format('woff'),
+              url('/style/fonts/Tsarevich-Regular.ttf')  format('truetype'), 
+              url('/style/fonts/Tsarevich-Regular.svg#Tsarevich-Regular') format('svg');
+        font-weight: normal;
+        font-style: normal;
+    }
+
     .normalText {
         font-size: var(--textSize);
         font-family: 'Sometype Mono', monospace;
-        color: rgb(0, 0, 0);
+        /* color: rgb(0, 0, 0); */
+        color: rgb(255, 255, 255);
     }
 
     .titleText {
-        font-size: calc(var(--textSize) + (var(--textSize) * 0.3));
-        font-family: 'Sometype Mono', monospace;
+        font-size: calc(var(--textSize) + (var(--textSize) * 1.6));
+        /* font-family: 'Sometype Mono', monospace; */
+        font-family: 'Tsarevich-Regular';
+
 
         text-align: left;
         margin-left: 3vw;
 
-        color: rgb(0, 0, 0);
+        color: rgb(255, 255, 255);
     }
 
     .miniText {