final!!!

site/index.html

@@ -24,17 +24,9 @@
 
         <!--VOLOGDA DESCRIPTION-->
         <div class="vologdaDescription">
-            <p class="normalText">Вологда – город, которые многие называют душой Русского Севера. Это родина вологодского масла и вологодского кружева, столица Опричнины и кладезь исторических достопримечательностей. Это город древний – с девятивековой историей, богатый – с более чем двумястами памятниками культуры и архитектуры, самобытный и живописный.</p>
+            <p class="infoText">Вологда – город, которые многие называют душой Русского Севера. Это родина вологодского масла и вологодского кружева, столица Опричнины и кладезь исторических достопримечательностей. Это город древний – с девятивековой историей, богатый – с более чем двумястами памятниками культуры и архитектуры, самобытный и живописный.</p>
         </div>
 
-        <!-- <a href="/index.html"> 
-            <div class="vologdaHistoryButton">
-                <button style="background: transparent; border: none !important;"> 
-                    <p class="normalText">Подробнее</p>
-                </button>
-            </div>
-        </a> -->
-
         <!--ATTRACTIONS-->
         <div id="AttractionsMap" class="vologdaMap">
             <p class="titleText">Достопримечательности Вологды</p>
@@ -56,7 +48,7 @@
 
         <div w3-include-html="/pages/hotels/hotel.html"></div>
         
-        <!--FOOTER-->
+        <!--FOOTER && BUTTON TOP-->
         <div w3-include-html="/pages/footer.html"></div>
         
         <!--BUTTON TOP-->

site/pages/attractions/attractions.html

@@ -3,32 +3,32 @@
         <div class="button-grid">
             <div>
                 <a href="/pages/attractions/Музей кружева.html"><button class="image-button" style="background-image: url('/images/Музей_кружева.webp');"></button></a>
-                <p class="normalText">Музей кружева</p>
+                <p class="placeName" style="text-align: center;">Музей кружева</p>
             </div>
 
             <div>
                 <a href="/pages/attractions/Памятник букве О.html"><button class="image-button" style="background-image: url('/images/Памятник_букве_О.webp');"></button></a>
-                <p class="normalText">Памятник букве О</p>
+                <p class="placeName" style="text-align: center;">Памятник букве О</p>
             </div>  
                     
             <div>
                 <a href="/pages/attractions/Посидим-поокаем.html"><button class="image-button" style="background-image: url('/images/Посидим_поокаем.webp');"></button></a>
-                <p class="normalText">Посидим-поокаем</p>
+                <p class="placeName" style="text-align: center;">Посидим-поокаем</p>
             </div>
 
             <div>
                 <a href="/pages/attractions/Бульвар Пирогова.html"><button class="image-button" style="background-image: url('/images/Бульвар Пирогова.webp');"></button></a>
-                <p class="normalText">Бульвар Пирогова</p>
+                <p class="placeName" style="text-align: center;">Бульвар Пирогова</p>
             </div>
 
             <div>
                 <a href="/pages/attractions/Церковь Александра Невского.html"><button class="image-button" style="background-image: url('/images/Церковь_Александра_Невского.webp');"></button></a>
-                <p class="normalText">Церковь Александра Невского </p>
+                <p class="placeName" style="text-align: center;">Церковь Александра Невского </p>
             </div>
 
             <div>
                 <a href="/pages/attractions/Музей-заповедник.html"><button class="image-button" style="background-image: url('/images/музей-заповедник_1.webp');"></button></a>
-                <p class="normalText">Государственный историко-архитектурный и художественный музей-заповедник</p>
+                <p class="placeName" style="text-align: center;">Музей-заповедник</p>
             </div>
     </div>
 </div>

site/pages/attractions/Бульвар Пирогова.html

@@ -4,7 +4,7 @@
         <link rel="stylesheet" href="/style/textFont.css">
         <link rel="stylesheet" href="/style/background.css">
         <link rel="stylesheet" href="/style/buttonStyle.css">
-        <link rel="icon" href="/favicon.ico">
+        <link rel="icon" href="/favicon.png">
 
         <meta charset="utf-8"/>
         <title>Бульвар Пирогова</title>
@@ -49,6 +49,9 @@
         <!--MAP-->
         <div id="Map" class="vologdaMap"></div>
 
+        <!--BUTTON TOP-->
+        <a href="#" class="buttonTop miniText">Вверх!</a>
+        
         <!--FOOTER-->
         <div w3-include-html="/pages/footer.html"></div>
 

site/pages/attractions/Музей кружева.html

@@ -4,7 +4,7 @@
         <link rel="stylesheet" href="/style/textFont.css">
         <link rel="stylesheet" href="/style/background.css">
         <link rel="stylesheet" href="/style/buttonStyle.css">
-        <link rel="icon" href="/favicon.ico">
+        <link rel="icon" href="/favicon.png">
 
         <meta charset="utf-8"/>
         <title>Музей кружева</title>
@@ -39,6 +39,9 @@
         <!--MAP-->
         <div id="Map" class="vologdaMap"></div>
 
+        <!--BUTTON TOP-->
+        <a href="#" class="buttonTop miniText">Вверх!</a>
+        
         <!--FOOTER-->
         <div w3-include-html="/pages/footer.html"></div>
 

site/pages/attractions/Музей-заповедник.html

@@ -4,7 +4,7 @@
         <link rel="stylesheet" href="/style/textFont.css">
         <link rel="stylesheet" href="/style/background.css">
         <link rel="stylesheet" href="/style/buttonStyle.css">
-        <link rel="icon" href="/favicon.ico">
+        <link rel="icon" href="/favicon.png">
 
         <meta charset="utf-8"/>
         <title>Историко-архитектурный и художественный музей-заповедник</title>
@@ -37,6 +37,9 @@
         <!--MAP-->
         <div id="Map" class="vologdaMap"></div>
         
+        <!--BUTTON TOP-->
+        <a href="#" class="buttonTop miniText">Вверх!</a>
+        
         <!--FOOTER-->
         <div w3-include-html="/pages/footer.html"></div>
 

site/pages/attractions/Памятник букве О.html

@@ -4,7 +4,7 @@
         <link rel="stylesheet" href="/style/textFont.css">
         <link rel="stylesheet" href="/style/background.css">
         <link rel="stylesheet" href="/style/buttonStyle.css">
-        <link rel="icon" href="/favicon.ico">
+        <link rel="icon" href="/favicon.png">
 
         <meta charset="utf-8"/>
         <title>Памятник букве О</title>
@@ -38,6 +38,9 @@
         <!--MAP-->
         <div id="Maps" class="vologdaMap"></div>
 
+        <!--BUTTON TOP-->
+        <a href="#" class="buttonTop miniText">Вверх!</a>
+        
         <!--FOOTER-->
         <div w3-include-html="/pages/footer.html"></div>
 

site/pages/attractions/Посидим-поокаем.html

@@ -4,7 +4,7 @@
         <link rel="stylesheet" href="/style/textFont.css">
         <link rel="stylesheet" href="/style/background.css">
         <link rel="stylesheet" href="/style/buttonStyle.css">
-        <link rel="icon" href="/favicon.ico">
+        <link rel="icon" href="/favicon.png">
 
         <meta charset="utf-8"/>
         <title>Посидим-поокаем</title>
@@ -44,6 +44,9 @@
         <!--MAP-->
         <div id="Map" class="vologdaMap"></div>
 
+        <!--BUTTON TOP-->
+        <a href="#" class="buttonTop miniText">Вверх!</a>
+        
         <!--FOOTER-->
         <div w3-include-html="/pages/footer.html"></div>
 

site/pages/attractions/Церковь Александра Невского.html

@@ -4,7 +4,7 @@
         <link rel="stylesheet" href="/style/textFont.css">
         <link rel="stylesheet" href="/style/background.css">
         <link rel="stylesheet" href="/style/buttonStyle.css">
-        <link rel="icon" href="/favicon.ico">
+        <link rel="icon" href="/favicon.png">
 
         <meta charset="utf-8"/>
         <title>Церковь Александра Невского</title>
@@ -42,6 +42,9 @@
         <!--MAP-->
         <div id="Map" class="vologdaMap"></div>
 
+        <!--BUTTON TOP-->
+        <a href="#" class="buttonTop miniText">Вверх!</a>
+        
         <!--FOOTER-->
         <div w3-include-html="/pages/footer.html"></div>
 

site/pages/footer.html

@@ -1,5 +1,7 @@
 <footer>
-    <div class = "postFooter"> 
-        <p class="miniText"> ©Defectum studio 2023-2023</p> 
+    <!-- <div class="postFooter" style="width:calc(var(--defaultBoxWhight)*1.7); text-align: center;">  -->
+    <div style="display: block; white-space: nowrap;"> 
+        <p class="miniText">©Defectum studio 2023-2023</p>
+        <p class="miniText"><a href="mailto:antonene@kormcraft.ddns.net" style="color:#d0f8ff;">antonene@kormcraft.ddns.net</a></p>
     </div>
 </footer>

site/pages/header.html

@@ -1,9 +1,8 @@
 <header>
     <div class="headerButton-grid">
         <a href="/index.html" style="text-decoration:none"> 
-            <button style="background: transparent; border: none !important;">
-                <p class="titleText">Путешествия по Вологде</p>
-            </button>
+            <button style="background: transparent; border: none !important;"> </button>
+                <p class="titleTextMini">Путешествия по Вологде</p>
         </a>
 
         <a href="/index.html#AttractionsMap" style="text-decoration:none" class="hidingMenu"> 

site/pages/hotels/hotel.html

@@ -3,32 +3,32 @@
         <div class="button-grid">
             <div>
                 <a href="/pages/hotels/Отель История.html"><button class="image-button" style="background-image: url('/images/Отель_«История».webp');"></button></a>
-                <p class="normalText">Отель «История»</p>
+                <p class="placeName" style="text-align: center;">Отель «История»</p>
             </div>
 
             <div>
                 <a href="/pages/hotels/Отель Аура.html"><button class="image-button" style="background-image: url('/images/Отель_Аура.webp');"></button></a>
-                <p class="normalText">Отель «Аура»</p>
+                <p class="placeName" style="text-align: center;">Отель «Аура»</p>
             </div>  
                     
             <div>
                 <a href="/pages/hotels/ГРК Спасский.html"><button class="image-button" style="background-image: url('/images/Spasskie.webp');"></button></a>
-                <p class="normalText">ГРК «Спасский»</p>
+                <p class="placeName" style="text-align: center;">ГРК «Спасский»</p>
             </div>
 
             <div>
                 <a href="/pages/hotels/Апарт-отель на Ленина.html"><button class="image-button" style="background-image: url('/images/Aparat_2.webp');"></button></a>
-                <p class="normalText">Апарт-отель на Ленина 4*</p>
+                <p class="placeName" style="text-align: center;">Апарт-отель</p>
             </div>
 
             <div>
                 <a href="/pages/hotels/Гостиница Палисадъ.html"><button class="image-button" style="background-image: url('/images/palisad.2.webp');"></button></a>
-                <p class="normalText">Гостиница «Палисадъ»</p>
+                <p class="placeName" style="text-align: center;">Гостиница «Палисадъ»</p>
             </div>
 
             <div>
                 <a href="/pages/hotels/Гостиница-люкс АнглитерЪ.html"><button class="image-button" style="background-image: url('/images/Гостиница-люкс_АнглитерЪ.webp');"></button></a>
-                <p class="normalText">Гостиница-люкс «АнглитерЪ»</p>
+                <p class="placeName" style="text-align: center;">Гостиница-люкс «АнглитерЪ»</p>
             </div>
     </div>
 </div>

site/pages/hotels/Апарт-отель на Ленина.html

@@ -5,7 +5,7 @@
         <link rel="stylesheet" href="/style/background.css">
         <link rel="stylesheet" href="/style/buttonStyle.css">
         <link rel="stylesheet" href="/style/backgroundEffect.css">
-        <link rel="icon" href="/favicon.ico">
+        <link rel="icon" href="/favicon.png">
 
         <meta charset="utf-8"/>
         <title>Апарт-отель на Ленина</title>
@@ -42,6 +42,9 @@
             </div>
         </a>
 
+        <!--BUTTON TOP-->
+        <a href="#" class="buttonTop miniText">Вверх!</a>
+        
         <!--FOOTER-->
         <div w3-include-html="/pages/footer.html"></div>
 

site/pages/hotels/ГРК Спасский.html

@@ -5,7 +5,7 @@
         <link rel="stylesheet" href="/style/background.css">
         <link rel="stylesheet" href="/style/buttonStyle.css">
         <link rel="stylesheet" href="/style/backgroundEffect.css">
-        <link rel="icon" href="/favicon.ico">
+        <link rel="icon" href="/favicon.png">
 
         <meta charset="utf-8"/>
         <title>ГРК «Спасский»</title>
@@ -44,6 +44,9 @@
             </div>
         </a>
 
+        <!--BUTTON TOP-->
+        <a href="#" class="buttonTop miniText">Вверх!</a>
+        
         <!--FOOTER-->
         <div w3-include-html="/pages/footer.html"></div>
 

site/pages/hotels/Гостиница Палисадъ.html

@@ -5,7 +5,7 @@
         <link rel="stylesheet" href="/style/background.css">
         <link rel="stylesheet" href="/style/buttonStyle.css">
         <link rel="stylesheet" href="/style/backgroundEffect.css">
-        <link rel="icon" href="/favicon.ico">
+        <link rel="icon" href="/favicon.png">
 
         <meta charset="utf-8"/>
         <title>Гостиница «Палисадъ»</title>
@@ -40,6 +40,9 @@
             </div>
         </a>
 
+        <!--BUTTON TOP-->
+        <a href="#" class="buttonTop miniText">Вверх!</a>
+        
         <!--FOOTER-->
         <div w3-include-html="/pages/footer.html"></div>
 

site/pages/hotels/Гостиница-люкс АнглитерЪ.html

@@ -5,7 +5,7 @@
         <link rel="stylesheet" href="/style/background.css">
         <link rel="stylesheet" href="/style/buttonStyle.css">
         <link rel="stylesheet" href="/style/backgroundEffect.css">
-        <link rel="icon" href="/favicon.ico">
+        <link rel="icon" href="/favicon.png">
 
         <meta charset="utf-8"/>
         <title>Гостиница-люкс «АнглитерЪ»</title>
@@ -40,6 +40,9 @@
             </div>
         </a>
 
+        <!--BUTTON TOP-->
+        <a href="#" class="buttonTop miniText">Вверх!</a>
+        
         <!--FOOTER-->
         <div w3-include-html="/pages/footer.html"></div>
 

site/pages/hotels/Отель Аура.html

@@ -5,7 +5,7 @@
         <link rel="stylesheet" href="/style/background.css">
         <link rel="stylesheet" href="/style/buttonStyle.css">
         <link rel="stylesheet" href="/style/backgroundEffect.css">
-        <link rel="icon" href="/favicon.ico">
+        <link rel="icon" href="/favicon.png">
 
         <meta charset="utf-8"/>
         <title>Отель «Аура»</title>
@@ -40,6 +40,9 @@
             </div>
         </a>
 
+        <!--BUTTON TOP-->
+        <a href="#" class="buttonTop miniText">Вверх!</a>
+        
         <!--FOOTER-->
         <div w3-include-html="/pages/footer.html"></div>
 

site/pages/hotels/Отель История.html

@@ -5,7 +5,7 @@
         <link rel="stylesheet" href="/style/background.css">
         <link rel="stylesheet" href="/style/buttonStyle.css">
         <link rel="stylesheet" href="/style/backgroundEffect.css">
-        <link rel="icon" href="/favicon.ico">
+        <link rel="icon" href="/favicon.png">
 
         <meta charset="utf-8"/>
         <title>Отель «История»</title>
@@ -40,6 +40,9 @@
             </div>
         </a>
 
+        <!--BUTTON TOP-->
+        <a href="#" class="buttonTop miniText">Вверх!</a>
+        
         <!--FOOTER-->
         <div w3-include-html="/pages/footer.html"></div>
 

site/pages/restaurants/restaurants.html

@@ -1,19 +1,19 @@
 <div class="vologdaPlace">
-    <p class="titleText">Места где можно хорошо поесть</p>
-        <div class="button-restourant">
+    <p class="titleText">Места где можно хорошо пообедать</p>
+        <div class="button-restaurant">
             <div>
                 <a href="/pages/restaurants/Устюг Великий.html"><button class="image-button" style="background-image: url('/images/Velicii-Ustig.webp');"></button></a>
-                <p class="normalText">Устюг Великий</p>
+                <p class="placeName" style="text-align: center;">Устюг Великий</p>
             </div>
 
             <div>
                 <a href="/pages/restaurants/Дом купчихи Ершовой.html"><button class="image-button" style="background-image: url('/images/Дом_купчихи_Ершовой.webp');"></button></a>
-                <p class="normalText">Дом купчихи Ершовой</p>
+                <p class="placeName" style="text-align: center;">Дом купчихи Ершовой</p>
             </div>  
                     
-            <div class="hidingRestourants">
+            <div class="hidingrestaurants">
                 <a href="/pages/restaurants/Ресторан Паровозовъ.html"><button class="image-button" style="background-image: url('/images/Ресторан_Паровозовъ.webp');"></button></a>
-                <p class="normalText">Ресторан Паровозовъ</p>
+                <p class="placeName" style="text-align: center;">Ресторан Паровозовъ</p>
             </div>
     </div>
 </div>

site/pages/restaurants/Дом купчихи Ершовой.html

@@ -5,7 +5,7 @@
         <link rel="stylesheet" href="/style/background.css">
         <link rel="stylesheet" href="/style/buttonStyle.css">
         <link rel="stylesheet" href="/style/backgroundEffect.css">
-        <link rel="icon" href="/favicon.ico">
+        <link rel="icon" href="/favicon.png">
 
         <meta charset="utf-8"/>
         <title>Дом купчихи Ершовой</title>
@@ -33,6 +33,9 @@
         <!--MAP-->
         <div id="Map" class="vologdaMap"></div>
 
+        <!--BUTTON TOP-->
+        <a href="#" class="buttonTop miniText">Вверх!</a>
+        
         <!--FOOTER-->
         <div w3-include-html="/pages/footer.html"></div>
 

site/pages/restaurants/Ресторан Паровозовъ.html

@@ -5,7 +5,7 @@
         <link rel="stylesheet" href="/style/background.css">
         <link rel="stylesheet" href="/style/buttonStyle.css">
         <link rel="stylesheet" href="/style/backgroundEffect.css">
-        <link rel="icon" href="/favicon.ico">
+        <link rel="icon" href="/favicon.png">
 
         <meta charset="utf-8"/>
         <title>Ресторан Паровозовъ</title>
@@ -32,6 +32,9 @@
         <!--MAP-->
         <div id="Map" class="vologdaMap"></div>
 
+        <!--BUTTON TOP-->
+        <a href="#" class="buttonTop miniText">Вверх!</a>
+        
         <!--FOOTER-->
         <div w3-include-html="/pages/footer.html"></div>
 

site/pages/restaurants/Устюг Великий.html

@@ -5,7 +5,7 @@
         <link rel="stylesheet" href="/style/background.css">
         <link rel="stylesheet" href="/style/buttonStyle.css">
         <link rel="stylesheet" href="/style/backgroundEffect.css">
-        <link rel="icon" href="/favicon.ico">
+        <link rel="icon" href="/favicon.png">
 
         <meta charset="utf-8"/>
         <title>Устюг Великий</title>
@@ -33,6 +33,8 @@
         <!--MAP-->
         <div id="Map" class="vologdaMap"></div>
 
+        <!--BUTTON TOP-->
+        <a href="#" class="buttonTop miniText">Вверх!</a>
         
         <!--FOOTER-->
         <div w3-include-html="/pages/footer.html"></div>

site/style/background.css

@@ -17,7 +17,7 @@
         z-index: 2;
     }
 
-    header{
+    header {
         margin: auto;
         left: 0;
  
@@ -30,18 +30,18 @@
         box-shadow: 0 0 1em rgba(0,0,0,0.7);
     }
     
-    body{
+    body {
         background-color: var(--bodyBoxColor);
         background-image: url('/images/background.png');
         backdrop-filter: blur(2px);
     }
 
-    .vologdaDescription{
+    .vologdaDescription {
         position:relative;
         margin: auto;
-        margin-top: 3vw;
+        margin-top: var(--vologdaBoxMargin);
 
-        width: var(--defaultBoxWhight);
+        width: calc(var(--defaultBoxWhight)*1.26);
 
         text-align: center;
 
@@ -52,7 +52,7 @@
         box-shadow: 0 0 1em rgba(0,0,0,0.7);
     }
 
-    .vologdaHistoryButton{
+    .vologdaHistoryButton {
         position:relative;
         margin: auto;
         margin-top: 1vw;
@@ -68,13 +68,14 @@
         box-shadow: 0 0 1em rgba(0,0,0,0.7);
     }
 
-    .vologdaPlace{
+    .vologdaPlace {
         position:relative;
         margin: auto;
 
-        width: var(--defaultBoxWhight);
+        width: calc(var(--defaultBoxWhight)*1.25);
         margin-top: 6vw;
         height: 25%;
+        max-width: 71%;
 
         text-align: center;
 
@@ -85,12 +86,12 @@
         box-shadow: 0 0 1em rgba(0,0,0,0.7);
     }
 
-    .vologdaMap{
+    .vologdaMap {
         position:relative;
         margin: auto;
         margin-top: var(--vologdaBoxMargin);
 
-        width: var(--defaultBoxWhight);
+        width: calc(var(--defaultBoxWhight)*1.25);
         height: 600px;
 
         text-align: center;
@@ -106,7 +107,7 @@
         box-shadow: 0 0 1em rgba(0,0,0,0.7);
     }
 
-    .button-background{
+    .button-background {
         position:relative;
         margin: auto;
 
@@ -122,7 +123,7 @@
         box-shadow: 0 0 1em rgba(0,0,0,0.7);
     }
 
-    footer{
+    footer {
         position:relative;
 		margin: auto;
 
@@ -138,9 +139,10 @@
         box-shadow: 0 0 1em rgba(0,0,0,0.7);
     }
     
-    img{
+    img {
         max-width:100%;
-        max-height:100%;
+        /* max-height:100%; */
+        max-height:800px;
     }
 
     :root {

site/style/buttonStyle.css

@@ -3,9 +3,11 @@
         grid-template-columns: 4fr 4fr 4fr;
         grid-template-rows: 4fr 4fr;
         grid-gap: 4fr;
+        justify-content: center;
+        align-items: center;
     }
 
-    .button-restourant {
+    .button-restaurant {
         display: grid;
         grid-template-columns: 4fr 4fr 4fr;
         grid-template-rows: 4fr;
@@ -42,12 +44,16 @@
     .headerButton-grid {
         display: grid;
         grid-template-columns: auto auto auto auto auto;
+        justify-content: center;
+        align-items: center;
+        margin-top: -1em;
     }
 
     :root {
         --sizeButton: 1.5;
     }
 
+
     @media screen and (min-width: 1820px) {
         .image-button {
             width: 200px;
@@ -73,14 +79,14 @@
             grid-gap: 4fr;
         }
 
-        .button-restourant {
+        .button-restaurant {
             display: grid;
             grid-template-columns: 4fr 4fr;
             grid-template-rows: 4fr;
             grid-gap: 4fr;
         }
 
-        .hidingRestourants {
+        .hidingrestaurants {
             Display: none;
         }
     }
@@ -98,8 +104,9 @@
         .headerButton-grid {
             display: grid;
             grid-template-columns: auto;
-
             text-align: center;
+            margin: auto;
+            /* margin-bottom: 2em; */
         }
 
         .button-grid {
@@ -109,7 +116,7 @@
             grid-gap: 4fr;
         }
 
-        .button-restourant {
+        .button-restaurant {
             display: grid;
             grid-template-columns: 4fr 4fr;
             grid-template-rows: 4fr;

site/style/textFont.css

@@ -33,32 +33,64 @@
         font-style: normal;
     }
 
-    .normalText {
+    .infoText {
         font-size: var(--textSize);
-        font-family: 'Pacifico';
+        /* font-family: 'Pacifico'; */
+        font-family: 'Verdana';
+        margin: 1em;
+        text-align: justify;
+
+        color: rgb(255, 255, 255);
+    }
+
+    .normalText {
+        font-size: calc(var(--textSize)*1);
+        /* font-family: 'Pacifico'; */
+        font-family: 'Verdana';
+        /* margin: 0.7em; */
+        margin-left: 0.7em;
+        margin-right: 0.7em;
+
+        text-align: justify;
+
+        color: rgb(255, 255, 255);
+    }
+
+    .placeName {
+        font-size: calc(var(--textSize)*1);
+        font-family: 'Verdana';
+        text-align: center;
+
         color: rgb(255, 255, 255);
     }
     
     .titleTextMini {
         font-size: calc(var(--textSize) + (var(--textSize) * 0.5));
-        font-family: 'Tsarevich-Regular';
+        /* font-family: 'Tsarevich-Regular'; */
+        font-family: 'Georgia';
+        margin: 0.7em;
+        align-self: center;
+        /* text-decoration: underline; */
 
         color: rgb(255, 255, 255);
     }
 
     .titleText {
         font-size: calc(var(--textSize) + (var(--textSize) * 1.6));
-        font-family: 'Tsarevich-Regular';
+        /* font-family: 'Tsarevich-Regular'; */
+        font-family: 'Georgia';
 
-        text-align: left;
+        text-align: center;
         margin-left: 3vw;
+        margin: 0.7em;
 
         color: rgb(255, 255, 255);
     }
 
     .miniText {
         font-size: calc(var(--textSize) * 0.9);
-        font-family: 'Tsarevich-Regular';
+        /* font-family: 'Tsarevich-Regular'; */
+        font-family: 'Verdana';
         color: rgb(255, 255, 255);
     }