Update monitor.html

monitor.html

@@ -7,18 +7,28 @@
     <style>
         body {
             font-family: Arial, sans-serif;
-            background-color: #f0fff0; /* Светло-зелёный фон */
-            color: #006400; /* Темно-зелёный текст */
+            text-align: center;
+            background-color: #f0f0f0;
             margin: 0;
             padding: 0;
         }
-        h1, h2 {
-            text-align: center;
-            color: #2e8b57; /* Зелёный заголовок */
+        h1 {
+            background-color: #4CAF50;
+            color: white;
+            padding: 20px;
+            margin: 0;
+            border-bottom: 2px solid #388E3C;
+        }
+        h2 {
+            color: #4CAF50;
+            margin-top: 20px;
         }
         ul {
             list-style-type: none;
-            padding-left: 20px;
+            padding-left: 0;
+            margin: 0 auto;
+            max-width: 600px;
+            text-align: left;
         }
         li {
             margin: 5px 0;
@@ -26,13 +36,14 @@
         p {
             margin: 5px 0;
             padding-left: 20px;
+            text-align: left;
         }
         .container {
             max-width: 800px;
             margin: 0 auto;
             padding: 20px;
-            background-color: #ffffff; /* Белый фон для контента */
-            border-radius: 10px;
+            background-color: #ffffff;
+            border-radius: 5px;
             box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
         }
     </style>