diff --git a/server/frontend/main/api.js b/server/frontend/main/1.js
similarity index 100%
rename from server/frontend/main/api.js
rename to server/frontend/main/1.js
diff --git a/server/frontend/main/index.html b/server/frontend/main/index.html
index 1438fdd..afe0a91 100644
--- a/server/frontend/main/index.html
+++ b/server/frontend/main/index.html
@@ -3,13 +3,14 @@
-
+
Wedding invitation
+
diff --git a/server/frontend/main/style.css b/server/frontend/main/style.css
index d7c15ca..b483679 100644
--- a/server/frontend/main/style.css
+++ b/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;