Update contacts.html

contacts.html

@@ -5,17 +5,31 @@
     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
     <title>Contacts</title>
     <style>
+        body {
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            height: 100vh;
+            margin: 0;
+            background-color: #4CAF50; /* Зеленоватый фон */
+        }
         table {
             width: 70%;
             border-collapse: collapse;
+            border: 2px solid #2E7D32; /* Темно-зеленая рамка */
         }
         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>