Header v1

site/index.html

@@ -47,6 +47,7 @@
                 <p class="miniText"> ©Defectum studio</p> 
             </div>
         </footer>
+        
         <!-- load all included html pages -->
         <script>includeHTML();</script>
     </body>

site/style/background.css

@@ -3,25 +3,16 @@
     }
     
     header{
-        position: fixed;
+        margin: auto;
-        margin: 0 auto;
         left: 0;
-        top: 0;
+        top: 10%;
  
-        width: 100%;
         z-index: 2;
-    }
+        width: 70%;
-
-    .prevHeader{
         background-color:  var(--headerBoxColor);
-        overflow: hidden;
-    }
 
-    .postHeader{
+        border-radius: 2vw;
-        height: calc(var(--boxHeight) * 0.3);
+        overflow: hidden;
-        background-color: var(--postHeaderBoxColor);
-        border-bottom-left-radius: 1vw;
-        border-bottom-right-radius: 1vw;
     }
     
     body{
@@ -31,7 +22,7 @@
     .vologdaDescription{
         position:relative;
         margin: auto;
-        margin-top: 10%;
+        margin-top: 6vw;
 
         width: var(--blockSize);
 

site/style/header.html

@@ -1,6 +1,3 @@
 <header>
-    <div class="prevHeader">
+    <p class="titleText">Вологда путешествия</p>
-        <p class="titleText">Вологда путешествия</p>
-    </div>
-        <div class="postHeader"></div>
 </header>