Update about.html

about.html

@@ -10,27 +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: 60px; /* Фиксированная высота шапки */
+            position: fixed; /* Фиксированная позиция */
+            top: 0; /* Расположение шапки вверху */
+            left: 0; /* Расположение шапки слева */
+            width: 100%; /* Занимает всю ширину экрана */
             background-color: #333;
-            padding: 0 20px; /* Уменьшаем внутренний отступ */
+            padding: 10px 0;
             display: flex;
             align-items: center;
             justify-content: space-between;
-            z-index: 999;
+            z-index: 999; /* Чтобы шапка была выше других элементов */
         }
 
         .logo img {
-            max-height: 40px; /* Уменьшаем высоту логотипа */
-            cursor: pointer; 
+            width: 100px; /* Устанавливаем ширину логотипа */
         }
 
         nav ul {
@@ -38,12 +42,10 @@
             margin: 0;
             padding: 0;
             text-align: center;
-            display: flex;
-            align-items: center; /* Выравниваем элементы по центру вертикально */
         }
 
         nav ul li {
-            margin-left: 20px;
+            display: inline;
         }
 
         nav ul li a {
@@ -135,4 +137,4 @@
         </div>
     </div>
 </body>
-</html>
+</html>