Update style.css

style.css

@@ -3,7 +3,7 @@ body {
     padding: 0;
     font-family: -apple-system, BlinkMacSystemFont, "Arial", sans-serif;
     margin: 0;
-    overflow: hidden; /* Предотвращает полосы прокрутки */
+    overflow: hidden;
 }
 
 h1 {
@@ -30,7 +30,6 @@ p {
     margin-bottom: 0;
 }
 
-/* Адаптивные стили */
 @media (min-width: 640px) {
     body {
         padding: 0;
@@ -48,7 +47,6 @@ p {
     }
 }
 
-/* Стили для iframe */
 iframe {
     position: fixed;
     top: 0;
@@ -60,7 +58,6 @@ iframe {
     padding: 0;
 }
 
-/* Стили для кнопок установки */
 #installButton, #iosInstallPrompt {
     display: none;
     position: fixed;
@@ -81,13 +78,11 @@ iframe {
     transition: box-shadow 0.3s ease-in-out, transform 0.3s ease-in-out;
 }
 
-/* Hover эффект с усилением свечения и небольшим подъемом */
 #installButton:hover, #iosInstallPrompt:hover {
     box-shadow: 0 0 20px #007bff, 0 0 30px #007bff;
-    transform: translateX(-50%) scale(1.05); /* Небольшое увеличение */
+    transform: translateX(-50%) scale(1.05);
 }
 
-/* Дополнительный эффект пульсации с использованием keyframes */
 @keyframes pulse {
     0% {
         box-shadow: 0 0 10px #007bff;
@@ -100,7 +95,6 @@ iframe {
     }
 }
 
-/* Применение анимации к кнопке */
 #installButton.pulse-animation, #iosInstallPrompt.pulse-animation {
     animation: pulse 2s infinite;
 }
@@ -114,16 +108,15 @@ iframe {
     box-shadow: 0 0 20px #28a745, 0 0 30px #28a745;
 }
 
-/* Стили для модального окна (iOS) */
 #iosInstallModal {
-    display: none; /* Скрыто по умолчанию */
+    display: none;
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
-    background-color: rgba(0, 0, 0, 0.7); /* Полупрозрачный фон */
-    z-index: 1001; /* Поверх всего */
+    background-color: rgba(0, 0, 0, 0.7);
+    z-index: 1001;
 }
 
 #iosInstallModal .modal-content {
@@ -135,20 +128,20 @@ iframe {
     padding: 20px;
     border-radius: 10px;
     text-align: center;
-    max-width: 80%; /* Ограничение ширины */
-    box-shadow: 0 4px 8px rgba(0,0,0,0.2); /* Тень */
+    max-width: 80%;
+    box-shadow: 0 4px 8px rgba(0,0,0,0.2);
 }
 
 #iosInstallModal img {
-    max-width: 100%; /* Изображение адаптивно */
+    max-width: 100%;
     height: auto;
     margin-bottom: 10px;
-    border: 1px solid #ddd; /* Рамка для изображения */
-    cursor: pointer; /* Меняем курсор на "руку" */
+    border: 1px solid #ddd;
+    cursor: pointer;
 }
 
 #iosInstallModal h2 {
-    font-size: 1.5rem; /* Размер заголовка */
+    font-size: 1.5rem;
     margin-bottom: 1rem;
 }
 
@@ -159,37 +152,36 @@ iframe {
     border: none;
     border-radius: 5px;
     cursor: pointer;
-    margin-top: 15px; /* Отступ сверху */
+    margin-top: 15px;
     font-size: 1rem;
     transition: background-color 0.3s ease;
 }
-#closeIosModal:hover{
-  background-color: #0056b3;
+
+#closeIosModal:hover {
+    background-color: #0056b3;
 }
 
-/* Стили для модального окна увеличения изображения */
 #imageZoomModal {
-    display: none; /* Скрыто по умолчанию */
+    display: none;
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
-    background-color: rgba(0, 0, 0, 0.9); /* Более тёмный фон */
-    z-index: 1002; /* Ещё выше, чем #iosInstallModal */
-    overflow: auto; /* Если изображение очень большое */
+    background-color: rgba(0, 0, 0, 0.9);
+    z-index: 1002;
+    overflow: auto;
 }
 
 #zoomedImage {
-    margin: auto; /* Центрируем */
+    margin: auto;
     display: block;
-    max-width: 90%;  /* Чтобы не выходило за пределы экрана */
+    max-width: 90%;
     max-height: 90%;
-    position: absolute; /* Абсолютное позиционирование */
-    top: 50%;       /* Центрирование по вертикали */
-    left: 50%;      /* Центрирование по горизонтали */
-    transform: translate(-50%, -50%); /* Сдвиг для точного центрирования */
-
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
 }
 
 #closeZoomModal {