Update game.html

game.html

@@ -10,26 +10,31 @@
             font-family: 'Montserrat', sans-serif;
             margin: 0;
             padding: 0;
-            background-color: #f0f0f0;
-            color: #333;
+            background-color: #000; /* Черный цвет фона */
+            color: #fff; /* Белый цвет текста */
+        }
+
+        .wrapper {
+            margin-top: 80px; /* Отступ для контента под фиксированной шапкой */
+                /* height: 100vh; */ /* Не нужно использовать высоту 100vh для обертки */
+            overflow-y: auto; /* Включаем вертикальную прокрутку */
         }
 
         nav {
-            position: fixed;
-            top: 0;
-            left: 0;
-            width: 100%;
-            height: 50px;
+            position: fixed; /* Фиксированная позиция */
+            top: 0; /* Расположение шапки вверху */
+            left: 0; /* Расположение шапки слева */
+            width: 100%; /* Занимает всю ширину экрана */
             background-color: #333;
-            padding: 10px;
+            padding: 10px 0;
             display: flex;
             align-items: center;
             justify-content: space-between;
-            z-index: 1000;
+            z-index: 999; /* Чтобы шапка была выше других элементов */
         }
 
         .logo img {
-            max-height: 40px; /* Уменьшенный размер логотипа */
+            width: 100px; /* Устанавливаем ширину логотипа */
         }
 
         nav ul {
@@ -41,13 +46,12 @@
 
         nav ul li {
             display: inline;
-            margin-left: 10px; /* Уменьшенный отступ между пунктами меню */
         }
 
         nav ul li a {
             color: #fff;
             text-decoration: none;
-            padding: 8px 15px; /* Уменьшенные внутренние отступы в пунктах меню */
+            padding: 10px 20px;
             transition: background-color 0.3s;
         }
 
@@ -57,46 +61,57 @@
 
         .container {
             max-width: 800px;
-            margin: 100px auto 20px;
+            margin: 50px auto;
             padding: 20px;
-            background-color: #fff;
+            background-color: #222; /* Цвет фона контейнера */
             border-radius: 10px;
-            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
+            box-shadow: 0 0 10px rgba(255, 255, 255, 0.1); /* Тень контейнера */
             text-align: center;
         }
 
         h1 {
-            font-size: 48px;
-            font-weight: bold;
-            margin-bottom: 20px;
-        }
-
-        img {
-            max-width: 100%;
-            border-radius: 10px;
-            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
-            margin-top: 20px;
+            color: #007bff; /* Цвет заголовка */
         }
 
         p {
             font-size: 18px;
             line-height: 1.6;
-            text-align: left;
             margin-bottom: 20px;
         }
 
-        .download-link {
+        .btn {
             display: inline-block;
             padding: 10px 20px;
-            background-color: #007bff;
-            color: #fff;
+            background-color: #007bff; /* Цвет кнопки */
+            color: #fff; /* Цвет текста на кнопке */
             text-decoration: none;
             border-radius: 5px;
             transition: background-color 0.3s;
         }
 
-        .download-link:hover {
-            background-color: #0056b3;
+        .btn:hover {
+            background-color: #0056b3; /* Изменение цвета кнопки при наведении */
+        }
+
+        .advertisement {
+            margin-top: 50px;
+        }
+
+        .advertisement img {
+            max-width: 100%;
+            border-radius: 10px;
+            box-shadow: 0 0 10px rgba(255, 255, 255, 0.1); /* Тень изображения */
+        }
+
+        .footer {
+            background-color: #888; /* Серый цвет фона нижнего раздела */
+            padding: 20px;
+            margin-top: 50px; /* Отступ сверху */
+        }
+
+        .footer h2 {
+            color: #fff; /* Белый цвет текста */
+            margin: 0; /* Убираем внешние отступы */
         }
 
     </style>
@@ -146,4 +161,4 @@
         });
     </script>
 </body>
-</html>
+</html>