diff --git a/data/index.html b/data/index.html
index d180a8f63c15332079ea551c85dfb6d1b1cd9085..ea64c36b02dd5f146387eb6efe094e0b3648f6ff 100644
--- a/data/index.html
+++ b/data/index.html
@@ -1,95 +1,7 @@
 <!DOCTYPE html>
 <html lang="en">
     <head>
-        <style>
-            body {
-                background:#222528;
-                color:#ffffff;
-                margin:0;
-                padding:0;
-                min-width:1024px;
-            }
-
-            #content {
-                background: #2F363B;
-                margin: 2vw 2vh;
-                padding: 2vw 2vh;
-            }
-
-            #header {
-                width:100vw;
-                height:4em;
-                background: #2F363B;
-                padding:0;
-                min-width:1024px;
-            }
-
-            #header .head {
-                padding:2vh;
-                margin:0;
-                font-size:2em;
-                padding:1em;
-            }
-
-            #maintable{
-                display: table;
-                min-width:700px;
-                min-height:100vh;
-            }
-
-            #navbar {
-                display: table-cell;
-                min-width:150px;
-                width:5vw;
-                background:#2F363B;
-                font-size:1em;
-            }
-
-            #navbar li {
-                list-style:none;
-            }
-
-
-            #navbar a {
-                color:#ffffff;
-                text-decoration:none;
-            }
-
-            #navbar a:visited {
-                color:#ffffff;
-            }
-
-            #maincell{
-                display: table-cell;
-                border:solid 10px #222528;
-                width:100%;
-                background:#2F363B;
-            }
-
-            a.button {
-                padding: 1px 6px;
-                border: 1px outset buttonborder;
-                border-radius: 3px;
-                color: buttontext;
-                background-color: buttonface;
-                text-decoration: none;
-            }
-
-            .usertoolbar li{
-                list-style:none;
-                display:inline-block;
-                margin:1em;
-            }
-
-            table.userlist {
-                margin:1em;
-            }
-
-            input.domaintext {
-                min-width:30vw;
-            }
-
-        </style>
+        <link rel="stylesheet" href="/style.css">
     </head>
     <body>
         <div id="header">
diff --git a/data/login.html b/data/login.html
index e505cb58d17bd186e50d1969a6715b83bdb61606..557dc042e252de1b4e183e29705f45bac7ae1608 100644
--- a/data/login.html
+++ b/data/login.html
@@ -1,34 +1,7 @@
 <!DOCTYPE html>
 <html lang="en">
     <head>
-        <style>
-        body {
-                background:#222528;
-                color:#ffffff;
-                margin:0;
-                padding:0;
-                min-width:800px;
-            }
-        #login {
-            min-width:640px;
-            min-height:480px;
-            padding:2%;
-            font-size:1.5em;
-            border:solid 1px #ffffff;
-            border-radius:10px;
-            box-shadow: 1px 1px 5px 5px #ffffff;
-            position:absolute;
-            top:50%;
-            bottom:50%;
-            left:50%;
-            right:50%;
-            margin-left:-20vw;
-            margin-right:-20vw;
-            margin-top:-20vh;
-            margin-bottom:-20vh;
-            background:#404347;
-        }
-        </style>
+        <link rel="stylesheet" href="/style.css">
     </head>
     <body>
         <div id="login" >
diff --git a/data/style.css b/data/style.css
new file mode 100644
index 0000000000000000000000000000000000000000..68e9854331cf0a39a33712a9bced0a53a5ce7f6a
--- /dev/null
+++ b/data/style.css
@@ -0,0 +1,106 @@
+body {
+    background:#222528;
+    color:#ffffff;
+    margin:0;
+    padding:0;
+    min-width:1024px;
+}
+
+#login {
+    min-width:640px;
+    min-height:480px;
+    padding:2%;
+    font-size:1.5em;
+    border:solid 1px #ffffff;
+    border-radius:10px;
+    box-shadow: 1px 1px 5px 5px #ffffff;
+    position:absolute;
+    top:50%;
+    bottom:50%;
+    left:50%;
+    right:50%;
+    margin-left:-20vw;
+    margin-right:-20vw;
+    margin-top:-20vh;
+    margin-bottom:-20vh;
+    background:#404347;
+}
+
+#content {
+    background: #2F363B;
+    margin: 2vw 2vh;
+    padding: 2vw 2vh;
+}
+
+#header {
+    width:100vw;
+    height:4em;
+    background: #2F363B;
+    padding:0;
+    min-width:1024px;
+}
+
+#header .head {
+    padding:2vh;
+    margin:0;
+    font-size:2em;
+    padding:1em;
+}
+
+#maintable{
+    display: table;
+    min-width:700px;
+    min-height:100vh;
+}
+
+#navbar {
+    display: table-cell;
+    min-width:150px;
+    width:5vw;
+    background:#2F363B;
+    font-size:1em;
+}
+
+#navbar li {
+    list-style:none;
+}
+
+
+#navbar a {
+    color:#ffffff;
+    text-decoration:none;
+}
+
+#navbar a:visited {
+    color:#ffffff;
+}
+
+#maincell{
+    display: table-cell;
+    border:solid 10px #222528;
+    width:100%;
+    background:#2F363B;
+}
+
+a.button {
+    padding: 1px 6px;
+    border: 1px outset buttonborder;
+    border-radius: 3px;
+    color: buttontext;
+    background-color: buttonface;
+    text-decoration: none;
+}
+
+.usertoolbar li{
+    list-style:none;
+    display:inline-block;
+    margin:1em;
+}
+
+table.userlist {
+    margin:1em;
+}
+
+input.domaintext {
+    min-width:30vw;
+}
diff --git a/src/authdb.cpp b/src/authdb.cpp
index 7ccc7cc8278e642a4323189d23f17e7daa5e0753..d2ce3bbf71da18d6aaadc6b9a7c0aa6a77902011 100644
--- a/src/authdb.cpp
+++ b/src/authdb.cpp
@@ -57,11 +57,17 @@ namespace authdb {
             HttpEvent(ssock),
             _AdminBackend(backend),
             _AdminInterface(backend,ssock){
-                std::ifstream authfs("../data/authdb.js", std::ios::ate);
-                size_t asize = authfs.tellg();
-                _AuthJs.resize(asize);
-                authfs.seekg(0);
-                authfs.read(_AuthJs.data(),asize);
+            std::ifstream authfs("../data/authdb.js", std::ios::ate);
+            size_t asize = authfs.tellg();
+            _AuthJs.resize(asize);
+            authfs.seekg(0);
+            authfs.read(_AuthJs.data(),asize);
+
+            std::ifstream cssfs("../data/style.css", std::ios::ate);
+            size_t csssize = cssfs.tellg();
+            _AuthCss.resize(csssize);
+            cssfs.seekg(0);
+            cssfs.read(_AuthCss.data(),csssize);
         };
 
         void RequestEvent(libhttppp::HttpRequest * curreq, const int tid, ULONG_PTR args){
@@ -92,6 +98,11 @@ namespace authdb {
                     rep.setState(HTTP200);
                     rep.setContentType("text/javascript");
                     rep.send(curreq,_AuthJs.data(),_AuthJs.size());
+            }else if(strncmp("/style.css",curreq->getRequestURL(),9)==0){
+                    libhttppp::HttpResponse rep;
+                    rep.setState(HTTP200);
+                    rep.setContentType("text/css");
+                    rep.send(curreq,_AuthCss.data(),_AuthCss.size());
             }else{
                     libhttppp::HttpResponse rep;
                     rep.setState(HTTP404);
@@ -155,6 +166,7 @@ namespace authdb {
         AuthBackend       &_AdminBackend;
         AdminInterface     _AdminInterface;
         std::vector<char>  _AuthJs;
+        std::vector<char>  _AuthCss;
     };
 
     int searchValue(authdb::AuthBackend &backend,const char*fieldname,const char *value){
