diff --git a/html/favicon.png b/html/favicon.png
new file mode 100644
index 0000000..4d6acf1
Binary files /dev/null and b/html/favicon.png differ
diff --git a/html/mon.html b/html/mon.html
index 670551d..78092d6 100644
--- a/html/mon.html
+++ b/html/mon.html
@@ -4,130 +4,9 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="icon" type="image/png" href="/favicon.png">
     <title>FDS Server-Status</title>
-    <style>
-        body {
-            font-family: Arial, sans-serif;
-            line-height: 1.6;
-            margin: 0;
-            padding: 20px;
-            color: #333;
-        }
-        h1 {
-            text-align: center;
-            color: #2c3e50;
-        }
-        table {
-            width: 100%;
-            border-collapse: collapse;
-            margin: 20px 0;
-            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
-        }
-        th, td {
-            padding: 12px 15px;
-            text-align: left;
-            border-bottom: 1px solid #ddd;
-        }
-        th {
-            background-color: #3498db;
-            color: white;
-        }
-        tr:nth-child(even) {
-            background-color: #f2f2f2;
-        }
-        tr:hover {
-            background-color: #e3f2fd;
-        }
-        .status {
-            padding: 5px 10px;
-            border-radius: 4px;
-            font-weight: bold;
-            text-align: center;
-        }
-        .online {
-            background-color: #2ecc71;
-            color: white;
-        }
-        .offline {
-            background-color: #e74c3c;
-            color: white;
-        }
-        .unknown {
-            background-color: #f39c12;
-            color: white;
-        }
-        .last-check {
-            font-size: 0.9em;
-            color: #7f8c8d;
-        }
-
-        /* Navigation */
-        .hamburger {
-/*            display: none; */
-            cursor: pointer;
-            font-size: 24px;
-            position: fixed;
-            top: 15px;
-            left: 15px;
-            z-index: 1000;
-        }
-        .nav-menu {
-            display: none;
-            position: fixed;
-            top: 0;
-            left: 0;
-            width: 250px;
-            height: 100%;
-            background-color: #2c3e50;
-            color: white;
-            z-index: 999;
-            padding-top: 60px;
-        }
-        .nav-menu a {
-            color: white;
-            text-decoration: none;
-            display: block;
-            padding: 15px;
-            border-bottom: 1px solid #34495e;
-        }
-        .nav-menu a:hover {
-            background-color: #3498db;
-        }
-        .close-btn {
-            position: absolute;
-            top: 15px;
-            right: 15px;
-            font-size: 24px;
-            cursor: pointer;
-        }
-        .settings-form {
-            padding: 20px;
-            max-width: 500px;
-            margin: 0 auto;
-        }
-        .settings-form label {
-            display: block;
-            margin-bottom: 5px;
-        }
-        .settings-form select {
-            width: 100%;
-            padding: 8px;
-            margin-bottom: 15px;
-        }
-        .settings-form button {
-            background-color: #3498db;
-            color: white;
-            border: none;
-            padding: 10px 15px;
-            cursor: pointer;
-        }
-
-        @media (max-width: 768px) {
-            .hamburger {
-                display: block;
-            }
-        }
-    </style>
+    <link rel="stylesheet" href="styles.css">
 </head>
 <body>
     <div class="hamburger" id="hamburger">☰</div>
diff --git a/html/styles.css b/html/styles.css
new file mode 100644
index 0000000..bae0b7e
--- /dev/null
+++ b/html/styles.css
@@ -0,0 +1,118 @@
+body {
+    font-family: Arial, sans-serif;
+    line-height: 1.6;
+    margin: 0;
+    padding: 20px;
+    color: #333;
+}
+h1 {
+    text-align: center;
+    color: #2c3e50;
+}
+table {
+    width: 100%;
+    border-collapse: collapse;
+    margin: 20px 0;
+    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
+}
+th, td {
+    padding: 12px 15px;
+    text-align: left;
+    border-bottom: 1px solid #ddd;
+}
+th {
+    background-color: #3498db;
+    color: white;
+}
+tr:nth-child(even) {
+    background-color: #f2f2f2;
+}
+tr:hover {
+    background-color: #e3f2fd;
+}
+.status {
+    padding: 5px 10px;
+    border-radius: 4px;
+    font-weight: bold;
+    text-align: center;
+}
+.online {
+    background-color: #2ecc71;
+    color: white;
+}
+.offline {
+    background-color: #e74c3c;
+    color: white;
+}
+.unknown {
+    background-color: #f39c12;
+    color: white;
+}
+.last-check {
+    font-size: 0.9em;
+    color: #7f8c8d;
+}
+/* Navigation */
+.hamburger {
+    cursor: pointer;
+    font-size: 24px;
+    position: fixed;
+    top: 15px;
+    left: 15px;
+    z-index: 1000;
+}
+.nav-menu {
+    display: none;
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 250px;
+    height: 100%;
+    background-color: #2c3e50;
+    color: white;
+    z-index: 999;
+    padding-top: 60px;
+}
+.nav-menu a {
+    color: white;
+    text-decoration: none;
+    display: block;
+    padding: 15px;
+    border-bottom: 1px solid #34495e;
+}
+.nav-menu a:hover {
+    background-color: #3498db;
+}
+.close-btn {
+    position: absolute;
+    top: 15px;
+    right: 15px;
+    font-size: 24px;
+    cursor: pointer;
+}
+.settings-form {
+    padding: 20px;
+    max-width: 500px;
+    margin: 0 auto;
+}
+.settings-form label {
+    display: block;
+    margin-bottom: 5px;
+}
+.settings-form select {
+    width: 100%;
+    padding: 8px;
+    margin-bottom: 15px;
+}
+.settings-form button {
+    background-color: #3498db;
+    color: white;
+    border: none;
+    padding: 10px 15px;
+    cursor: pointer;
+}
+@media (max-width: 768px) {
+    .hamburger {
+        display: block;
+    }
+}