2:48

site/index.html

@@ -59,6 +59,9 @@
         <!--FOOTER-->
         <div w3-include-html="/style/footer.html"></div>
         
+        <!--BUTTON TOP-->
+        <a href="#" class="buttonTop miniText">Вверх!</a>
+
         <!-- load all included html pages -->
         <script>includeHTML();</script>
     </body>

site/style/background.css

@@ -2,11 +2,25 @@
         scroll-behavior: smooth;
     }
     
+    .buttonTop {
+        place-self:end;
+        position:sticky;
+        bottom:1vw;
+        margin-top:100vh;
+        margin-left: 85%;
+
+        text-decoration: none;
+        padding: 1vw;
+        background:  var(--vologdaBoxColor);
+        border-radius: 2vw;
+
+        z-index: 2;
+    }
+
     header{
         margin: auto;
         left: 0;
  
-        z-index: 2;
         width: var(--headFootBoxWhight);
         background-color: var(--headerBoxColor);
 
@@ -134,6 +148,10 @@
             --defaultBoxWhight: 90%;
             --headFootBoxWhight: 95%;
         }
+
+        .buttonTop {
+            Display: none;
+        }
     }
 
     @media (max-width: 800px) {

site/style/footer.html

@@ -1,6 +1,6 @@
 <footer>
     <div class="prevFooter"></div>
     <div class = "postFooter"> 
-        <p class="miniText"> ©Defectum studio</p> 
+        <p class="miniText"> ©Defectum studio 2023-2023</p> 
     </div>
 </footer>

site/style/textFont.css

@@ -61,7 +61,7 @@
 
     .miniText {
         font-size: calc(var(--textSize) * 0.9);
-        font-family: 'Sometype Mono', monospace;
+        font-family: 'Tsarevich-Regular';
         color: rgb(255, 255, 255);
     }