diff --git a/index.html b/index.html
index 40d19c4..47ee46c 100755
--- a/index.html
+++ b/index.html
@@ -3,54 +3,74 @@
 <head>
     <meta charset="UTF-8">
     <title>47.0 KIF</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+
+    <style>
+        @font-face {
+            font-family: Montserrat;
+            src: url('Montserrat-Bold.ttf')
+        }
+
+        body {
+            font-family: Montserrat, sans-serif;
+            font-size: 20pt;
+            max-width: 400px;
+            margin: auto;
+            background: #fff;
+        }
+
+        body > div {
+            width: 100%;
+        }
+
+        nav {
+            border-radius: 30px;
+            width: 77%;
+            padding: 4%;
+            background: rgb(177, 225, 28);
+            margin-top: -7%;
+            margin-left: auto;
+            margin-right: auto;
+        }
+
+        nav div {
+            background: #fff;
+            border-radius: 18px;
+        }
+
+        nav a {
+            display: block;
+            text-decoration: none;
+            color: rgb(177, 225, 28);
+            text-align: center;
+            border-top: solid 10px rgb(177, 225, 28);
+            padding: 10px 0;
+        }
+
+        nav a:hover {
+            background-color: rgb(177, 225, 28);
+            color: white;
+            outline: none;
+        }
+
+        nav a:first-child {
+            border: none;
+        }
+    </style>
 </head>
-<style>
-    @font-face {
-        font-family: Montserrat;
-        src: url('Montserrat-Bold.ttf')
-    }
-    body {
-        font-family: Montserrat, sans-serif;
-        font-size: 20pt;
-        max-width: 400px;
-        margin: auto;
-    }
-    body > div {
-        width: 400px;
-    }
-    nav {
-        margin: -34px 30px 0 30px;
-        width: 300px;
-        border: solid 20px rgb(177,225,28);
-        border-radius: 30px;
-    }
-    nav > a {
-        display: block;
-        text-decoration: none;
-        color: rgb(177,225,28);
-        text-align: center;
-        border-top: solid 10px rgb(177,225,28);
-        padding: 10px 0;
-    }
-    nav > a:hover {
-        background-color: rgb(177,225,28);
-        color: white;
-    }
-    nav > a:first-child {
-        border: none;
-    }
-</style>
 <body>
 <div>
     <img src="Logo.svg">
 </div>
 <nav>
-    <a href="anmeldung">Anmeldung</a>
-    <!-- <a href="#">Teilnehmerliste</a> -->
-    <a href="wiki">Wiki</a>
-    <a href="kulturtag">Kulturtag</a>
-    <a href="cfd">Call for Decoration</a>
-    <a href="twitter">Twitter</a>
+    <div>
+        <a href="anmeldung">Anmeldung</a>
+        <!-- <a href="#">Teilnehmerliste</a> -->
+        <a href="wiki">Wiki</a>
+        <a href="kulturtag">Kulturtag</a>
+        <a href="cfd">Call for Decoration</a>
+        <a href="twitter">Twitter</a>
+    </div>
 </nav>
 </body>
 </html>
\ No newline at end of file
