diff --git a/templates/base.html b/templates/base.html
index 37d5967..efd9316 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -8,6 +8,19 @@
             font-weight: bold;
         }
 
+        input[type="submit"],
+        input[type="button"] {
+            padding: .5em;
+            border-radius: .5em;
+            border: 0;
+            background-color: #c4e1ff;
+        }
+
+        input[type="submit"] {
+            background-color: #a9ca97;
+            font-weight: bold;
+        }
+
         #content {
             float: right;
             width: 100%;
@@ -26,6 +39,7 @@
         }
 
         body {
+            font-family: sans-serif;
             margin-left: 200px
         }
     </style>
diff --git a/templates/login.html b/templates/login.html
index a204152..0930114 100644
--- a/templates/login.html
+++ b/templates/login.html
@@ -3,22 +3,70 @@
 <head>
     <meta charset="UTF-8">
     <title>ShareDAV Login</title>
+
+    <style>
+        * {
+            font-family: sans-serif;
+        }
+
+        #login {
+            left: 50%;
+            top: 50%;
+            position: absolute;
+            transform: translate(-50%, -50%);
+            border: solid lightgrey;
+            padding: 1em;
+            border-radius: .5em;
+        }
+
+        #login label {
+            display: block;
+            margin-bottom: 1em;
+        }
+
+        #message {
+            margin-bottom: 1em;
+            font-size: small;
+            color: darkgray;
+        }
+
+        #controls {
+            text-align: left;
+        }
+
+        input[type="submit"],
+        input[type="button"] {
+            padding: .5em;
+            border-radius: .5em;
+            border: 0;
+            background-color: #c4e1ff;
+        }
+
+        input[type="submit"] {
+            background-color: #a9ca97;
+            font-weight: bold;
+        }
+    </style>
 </head>
 <body>
-    <div>
-        <form method="post">
+<div id="login">
+    <form method="post">
+        <div>
             <label>
                 Username: <input name="username"/>
             </label>
             <label>
                 Password: <input type="password" name="password">
             </label>
-            <div>
-                Beware! You need to have cookies enabled for the login to work.<br/>
-                The cookie will be used solely for keeping the session alive.
-            </div>
+        </div>
+        <div id="message">
+            Beware! You need to have cookies enabled for the login to work.<br/>
+            The cookie will be used solely for keeping the session alive.
+        </div>
+        <div id="controls">
             <input type="submit" value="Login"/>
-        </form>
-    </div>
+        </div>
+    </form>
+</div>
 </body>
 </html>
\ No newline at end of file
