fix downside of page ios

server/frontend/main/style.css

@@ -23,29 +23,31 @@
 
 
 /* --------------------------------MAIN-------------------------------- */
+html, body {
+  height: 100%;
+}
 
 body {
-    margin: 0;
-    font-family: "MurreyC";
-    font-size: 16px;
-    font-weight: 400;
-    letter-spacing: 3px;
-    background: url("images/ChatGPT\ Image\ 5\ янв.\ 2026\ г.\,\ 15_49_39.webp") center center / cover no-repeat;
-    background-attachment: fixed;
+  font-family: "MurreyC";
+  font-size: 16px;
+  font-weight: 400;
+  letter-spacing: 3px;
 }
 
 .bg {
-    position: fixed;
-    inset: 0;
-
-    background: url("images/ChatGPT\ Image\ 5\ янв.\ 2026\ г.\,\ 15_49_39.webp") center center / cover no-repeat;
-    background-attachment: fixed;
-    z-index: -1;
+  position: fixed;
+  top: -100px;
+  left: 0;
+  right: 0;
+  bottom: -100px;
+  background: url("images/ChatGPT Image 5 янв. 2026 г., 15_49_39.webp") center center / cover no-repeat;
+  z-index: -1;
+  transform: translateZ(0);
+  -webkit-transform: translateZ(0);
 }
-
 .content {
     position: relative;
-    min-height: 100vh;
+    min-height: 100dvh;
 }
 button {
     background-color: #3a1f09;
@@ -63,21 +65,19 @@ button:hover {
 img {
     max-width: 100%;
 }
-.content {
-}
 
 
 /* -------------------------------HEADER------------------------------ */
 .header {
-    width: 100%;
-    background-color: #663c24;
-    padding: 20px 180px;
-    margin-top: 40px;
-    margin-bottom: 40px;
-    box-shadow: 0 2px 6px rgba(0,0,0,0.2);
-}
-.nav {
+  width: 100%;
+  background-color: #663c24;
+  padding: 20px 180px;
+  padding-top: calc(20px + env(safe-area-inset-top));
+
+  margin-bottom: 40px;
+  box-shadow: 0 2px 6px rgba(0,0,0,0.2);
 }
+
 .menu {
     display: flex;
     justify-content: center;