Update contacts.html

contacts.html

@@ -5,17 +5,38 @@
     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
     <title>Contacts</title>
     <style>
+        body {
+            display: flex;
+            flex-direction: column;
+            align-items: center;
+            justify-content: flex-start; /* Изменено с center на flex-start */
+            height: 100vh;
+            margin: 0;
+            background-color: #4CAF50; /* Зеленоватый фон */
+        }
+        h1 {
+            text-align: center; /* Центрирование текста заголовка */
+            margin-top: 20px; /* Добавлено небольшое расстояние сверху */
+            color: white; /* Белый цвет текста для контраста */
+        }
         table {
             width: 70%;
             border-collapse: collapse;
+            border: 2px solid #2E7D32; /* Темно-зеленая рамка */
+            margin-top: 20px; /* Добавлено небольшое расстояние сверху */
         }
         th, td {
-            border: 1px solid black;
+            border: 1px solid #2E7D32; /* Темно-зеленая рамка для ячеек */
             padding: 8px;
             text-align: left;
         }
         th {
-            background-color: #f2f2f2;
+            background-color: #81C784; /* Светло-зеленый фон для заголовков */
+            color: black; /* Черные надписи */
+        }
+        td {
+            background-color: white; /* Белый фон для ячеек */
+            color: black; /* Черные надписи */
         }
     </style>
 </head>
@@ -50,4 +71,4 @@
         {% endfor %}
     </table>
 </body>
-</html>
+</html>