diff --git a/game.html b/game.html
index 4c406bf..516cd9e 100644
--- a/game.html
+++ b/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; /* Убираем внешние отступы */
}
@@ -146,4 +161,4 @@
});