css fix

server/frontend/main/style.css

@@ -23,33 +23,8 @@
 
 
 /* --------------------------------MAIN-------------------------------- */
-
-html {
-    background:
-        url("images/ChatGPT Image 5 янв. 2026 г., 15_49_39.webp")
-        center center / cover no-repeat;
-    height: 100%;
-    overflow-x: hidden;
-}
-
-body {
-    min-height: 100%;
-    overflow-x: hidden;
-
-    margin: 0;
-    padding:
-        env(safe-area-inset-top)
-        env(safe-area-inset-right)
-        env(safe-area-inset-bottom)
-        env(safe-area-inset-left);
-
-    background:
-        url("images/ChatGPT Image 5 янв. 2026 г., 15_49_39.webp")
-        center center / cover no-repeat;
-}
-
 html, body {
-  height: 100%;
+  height: 100vh;
 }
 
 body {
@@ -57,22 +32,20 @@ body {
   font-size: 16px;
   font-weight: 400;
   letter-spacing: 3px;
+  background-color: #c68a5e;
 }
 
 .bg {
-    position: fixed;
+  position: fixed;
-    inset: 0;
+  top: -100px;
-
+  left: 0;
-    background:
+  right: 0;
-        url("images/ChatGPT Image 5 янв. 2026 г., 15_49_39.webp")
+  bottom: -100px;
-        center center / cover no-repeat;
+  background: url("images/ChatGPT Image 5 янв. 2026 г., 15_49_39.webp") center center / cover no-repeat ;
-
+  z-index: -1;
-    z-index: -1;
+  transform: translateZ(0);
-
+  -webkit-transform: translateZ(0);
-    will-change: transform;
-    transform: translateZ(0);
 }
-
 .content {
     position: relative;
     min-height: 100dvh;
@@ -196,6 +169,8 @@ img {
         border-radius: 10px;
         margin-left: 40px;
         box-shadow: 0 2px 6px rgba(0,0,0,0.2);
+        
+        
     }
 
     .burger {
@@ -203,27 +178,22 @@ img {
         display: flex;
     }
 
-    .nav {
+.nav {
-    position: fixed;
+  position: fixed;
-    top: 0;
+  top: 0;
-    left: 0; /* ВАЖНО */
+  left: 0;
-    width: 100%;
+  width: 100%;
-    height: 100dvh;
+  height: 100vh;
-
+  background: rgba(102, 60, 36, 0.97);
-    background: rgba(102, 60, 36, 0.97);
+  backdrop-filter: blur(12px);
-    backdrop-filter: blur(12px);
+  display: none;
-
+  justify-content: center;
-    display: flex;
+  align-items: center;
-    justify-content: center;
+  z-index: 1000;
-    align-items: center;
-
-    transform: translateY(-100%);
-    transition: 0.5s ease;
-    z-index: 1000;
 }
 
 .nav.active {
-    transform: translateY(0);
+  display: flex;
 }
 .nav::before {
     content: "";
@@ -270,7 +240,7 @@ img {
     margin: 0px 400px;
     padding-bottom: 40px; /* можно оставить */
     padding-top: 60px;
-    height: auto;
+    /* ❌ height: 640px;  УДАЛИТЬ */
     box-shadow: 0 2px 6px rgba(0,0,0,0.2);
 }
 .heading_content {
@@ -470,17 +440,13 @@ h4 {
     text-align: center;
     border-radius: 33px;
     margin: 0 20px;
-}
-.time_img_box {
-    
 }
 .time_img {
     width: 60px;
     height: 60px;
     margin-bottom: 10px;
 }
-.time_line {
+
-}
 .time_row_down {
     display: flex;
     justify-content: space-between;
@@ -908,8 +874,7 @@ textarea {
 }
   .heading {
     margin: 0 300px;
-    min-height: 580px;
+    height: 580px;
-    height: auto;
   }
 .map_link {
   height: 400px;
@@ -1032,8 +997,7 @@ textarea {
 
 @media (max-width: 1320px){
   .heading {
-    min-height: 480px;
+    height: 480px;
-    height: auto;
   }
     .time {
     font-size: 70px;
@@ -1065,8 +1029,7 @@ textarea {
     width: 160px;
   }
     .heading {
-    min-height: 600px;
+    height: 600px;
-    height: auto;
   }
     .items_up, .items_down {
     gap: 50px;
@@ -1345,13 +1308,14 @@ textarea {
         margin-bottom: 20px;
         background: none;
         box-shadow: none;
-        min-height: 550px;
+        height: 550px;
-        height: auto;
     }
     .heading_content {
         padding: 0;
     }
-
+    .header {
+        margin-top: -30px;
+    }
       .items_up, .items_down {
     gap: 20px;
   }
@@ -1409,6 +1373,7 @@ textarea {
 @media (max-width: 720px) {
         .heading {
         margin: 40px 0;
+        height: 550px;
     }
       .newlywed {
     width: 85%;
@@ -1462,10 +1427,6 @@ textarea {
   }
   .items_up, .items_down {
     flex-direction: column;
-  }
-     .heading {
-    min-height: 450px;
-    height: auto;
   }
     .map > div {
     width: 400px;
@@ -1537,8 +1498,7 @@ textarea {
     padding: 0px 20px;
   }
     .heading {
-    min-height: 500px;
+    height: 600px;
-height: auto;
   }
 
 .map_adress {
@@ -1740,6 +1700,9 @@ height: auto;
   }
     .header {
     width: 18%;
+  }
+    .header {
+    margin-top: -85px;
   }
    .heading {
     margin: 100px 0 40px 0;