diff --git a/index.html b/index.html index 6d429a7..9e1f61d 100644 --- a/index.html +++ b/index.html @@ -4,27 +4,28 @@ <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Welcome to Tanki!</title> + <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap" rel="stylesheet"> <style> body { - font-family: Arial, sans-serif; + font-family: 'Montserrat', sans-serif; margin: 0; padding: 0; - background-color: #f0f0f0; - color: #333; + background-color: #000; /* Черный цвет фона */ + color: #fff; /* Белый цвет текста */ } .container { max-width: 800px; 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 { - color: #007bff; + color: #007bff; /* Цвет заголовка */ } p { @@ -36,15 +37,15 @@ .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; } .btn:hover { - background-color: #0056b3; + background-color: #0056b3; /* Изменение цвета кнопки при наведении */ } .advertisement { @@ -54,7 +55,7 @@ .advertisement img { max-width: 100%; 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); /* Тень изображения */ } nav {