diff --git a/app/static/apidocs.css b/app/static/apidocs.css
new file mode 100644
index 0000000000000000000000000000000000000000..699c8914db75630b8db99cb8b8b99a4ebdf5ad44
--- /dev/null
+++ b/app/static/apidocs.css
@@ -0,0 +1,42 @@
+table tr:nth-child(even) {
+    background-color: #eee;
+}
+table tr:nth-child(odd) {
+    background-color: #fff;
+}
+table th {
+    background-color: black;
+    color: white;
+}
+smaller {
+    font-size: 13px;
+}
+@media (prefers-color-scheme: dark) {
+    body {
+        background-color: #151d28;
+        color: #b3b3b3;
+    }
+
+    table th {
+        color: #b3b3b3;
+    }
+    table tr:nth-child(even) {
+        background-color: #1a2332;
+        color: #b3b3b3;
+    }
+    table tr:nth-child(odd) {
+        background-color: #10151f;
+        color: #b3b3b3;
+    }
+    input {
+        background: #151c29;
+        border: solid;
+        border-color: #10151f;
+        color: #b3b3b3;
+    }
+    button {
+        background: #151c29;
+        color: #b3b3b3;
+        border: solid #10151f;
+    }
+}
diff --git a/app/templates/apiDocs.html b/app/templates/apiDocs.html
index 2d5c8698e9f3b229f65670834414ac7e6d74aeee..7c05bab08e7c5f1beff823453e92bc7fa0a1aceb 100644
--- a/app/templates/apiDocs.html
+++ b/app/templates/apiDocs.html
@@ -1,48 +1,10 @@
+<!DOCTYPE html>
+<html lang="en">
 <head>
-    <style>
-        table tr:nth-child(even) {
-            background-color: #eee;
-        }
-        table tr:nth-child(odd) {
-            background-color: #fff;
-        }
-        table th {
-            background-color: black;
-            color: white;
-        }
-        smaller {
-            font-size: 13px;
-        }
-        @media (prefers-color-scheme: dark) {
-            body{
-                background-color: #151d28;
-                color: #b3b3b3;
-            }
-
-            table th {
-                color: #b3b3b3;
-            }
-            table tr:nth-child(even) {
-                background-color: #1a2332;
-                color: #b3b3b3;
-            }
-            table tr:nth-child(odd) {
-                background-color: #10151f;
-                color: #b3b3b3;
-            }
-            input{
-                background: #151c29;
-                border: solid;
-                border-color: #10151f;
-                color: #b3b3b3;
-            }
-            button{
-                background: #151c29;
-                color: #b3b3b3;
-                border: solid #10151f; 
-            }
-        }
-    </style>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet" href="/static/apidocs.css">
     <title>API docs</title>
 </head>
 <body>
@@ -104,5 +66,6 @@
         </tr>
         {% endif %}
 
-    </table>
-</body>
\ No newline at end of file
+    </table>    
+</body>
+</html>
\ No newline at end of file