diff --git a/assets/freielande.jpg b/assets/freielande.jpg
new file mode 100644
index 0000000..6ce4793
Binary files /dev/null and b/assets/freielande.jpg differ
diff --git a/assets/style.css b/assets/style.css
new file mode 100644
index 0000000..28eea60
--- /dev/null
+++ b/assets/style.css
@@ -0,0 +1,17 @@
+body {
+    width: 800px;
+    margin: auto;
+    background: url('/assets/freielande.jpg') no-repeat 0 0, rgb(198,186,160);
+    background-size: 100% auto;
+    
+}
+
+body>div {
+    background: rgba(163,128,95,0.8);
+    align: center;
+    text-align: center;
+}
+
+h1 {
+    align: center;
+}
\ No newline at end of file
diff --git a/index.html b/index.html
index f0ed19a..e06d00e 100644
--- a/index.html
+++ b/index.html
@@ -3,20 +3,22 @@
   <head>
     <title>JSDSH</title>
     <meta charset="utf-8" />
+    <link rel="stylesheet" href="assets/style.css" />
   </head>
   <body>
-    <h1>JSDSH - Javascript Dungeonslayers Helper</h1>
- 
-    <div id="game"></div>
-    <div id="ui"></div>
-    <button id="load">Load</button>
-    <div id="output"></div>
+    <div>
+      <h1>JSDSH - Javascript Dungeonslayers Helper</h1>
+      
+      <div id="game"></div>
+      <div id="ui"></div>
+      <button id="load">Load</button>
+      <div id="output"></div>
     </div>
     <script type="text/javascript" src="lib/crafty.js"></script>
     <script type="text/javascript" src="lib/jquery-1.11.1.min.js"></script>
     <script type="text/javascript" src="src/jsds_crafty.js"></script>
     <script type="text/javascript" src="src/jsds.js"></script>
     <script type="text/javascript" src="src/base_ui.js"></script>
-<!--    <script type="text/javascript" src="" id="adv"></script>-->
+    <!--    <script type="text/javascript" src="" id="adv"></script>-->
   </body>
 </html>
