diff --git a/index.php b/index.php
index 4ad7477..08d215f 100644
--- a/index.php
+++ b/index.php
@@ -5,8 +5,12 @@
 
   <body>
     <div class="bild">
-      <img src="schriftv2.png">
+      <img src="schriftv2.png" class="cliff_logo">
     </div>
+    <div class="key_login">
+      <img src="key.png" class="key" id="login_run">
+    </div>
+
 
 <?php
 session_start();
@@ -150,34 +154,66 @@ while($row = $result->fetch_assoc()){
 </table><br>
 
 
+    <div id="login_modal" class="m_login">
+        <div class="m_login_c">
+          <span class="close">&times;</span>
+
+          <script>
+                var modal1 = document.getElementById("login_modal");
+          var btn1 = document.getElementById("login_run");
+          var span1 = document.getElementsByClassName("close")[0];
+          btn1.onclick = function() {
+              modal1.style.display = "block";
+          }
+          span1.onclick = function() {
+              modal1.style.display = "none";
+          }
+          window.onclick = function(event) {
+              if (event.target == modal1) {
+                  modal1.style.display = "none";
+              }
+          }
+          </script>
+
+
+          <?php
+          if (!isset ($_SESSION['id'])){
+            echo    '<div class="loginform">'.
 
-<?php
-if (!isset ($_SESSION['id'])){
-  echo    '<div class="loginform">' .
             '<form action="/login.php" method="post">' .
               '<input type="text" placeholder="Username" name="user">' .
               '<input type="password" placeholder="Password" name="pw">' .
               '<input type="submit" value="Login">' .
             '</form>' .
-          '</div>';
-          if (isset ($_SESSION['status'])){
-            echo $_SESSION['status'];
-          }
-     return;
-}
-?>
 
-<?php
-echo    '<div class="loginform">' .
-          '<form action="/insert.php" method="post">' .
-            '<input type="url" pattern="https?://.+" required placeholder="Link" name="url"><br>' .
-            '<input type="submit" value="Add">' .
-          '</form>' .
-        	'<form action="/logout.php" method="post">' .
-				      '<input type="submit" value="Logout">' .
-					'</form>' .
-			 '</div>';
-?>
+
+                      '</div>';
+                      if (isset ($_SESSION['status'])){
+                        echo $_SESSION['status'];
+                      }
+
+                      return;
+            }
+              ?>
+             <?php
+
+            echo    '<div class="loginform">' .
+                      '<form action="/insert.php" method="post">' .
+                        '<input type="url" pattern="https?://.+" required placeholder="Link" name="url"><br>' .
+                        '<input type="submit" value="Add">' .
+                      '</form>' .
+                    	'<form action="/logout.php" method="post">' .
+            				      '<input type="submit" value="Logout">' .
+            					'</form>' .
+            			 '</div>';
+
+
+           ?>
+
+        </div>
+      </div>
+
+
 
 
 
diff --git a/key.png b/key.png
new file mode 100644
index 0000000..ceb6c90
Binary files /dev/null and b/key.png differ
diff --git a/style.css b/style.css
index 8112941..d55923b 100644
--- a/style.css
+++ b/style.css
@@ -68,8 +68,8 @@ table.center {
   padding-bottom: 0px;
   background: rgba(18,18,18, 0.3);
   border: 2px solid #DDDDDD;
-  position: fixed;
-  margin-left: 1600px;
+  position: relative;
+  margin: auto;
   bottom: 10px;
 
 }
@@ -103,3 +103,63 @@ table.center {
   margin-top: 325px;
   position: fixed;
 }
+
+
+
+.key{
+
+  color: white;
+
+  max-width: 64px;
+  max-height: 64px;
+}
+.key_login{
+  width: 75px;
+  height: 75px;
+  background: rgba(18,18,18, 0.6);
+  box-sizing: border-box;
+  border: 2px solid #DDDDDD;
+  text-align: center;
+  margin-bottom: 25px;
+  padding: 0;
+  padding-top: 2;
+  position: absolute;
+right: 160px;
+
+}
+
+
+.m_login{
+     display: none;
+    position: fixed;
+    z-index: 1;
+    padding-top: 100px;
+    left: 0;
+    top: 0;
+    width: 100%;
+    height: 100%;
+    overflow: auto;
+    background: rgba(18,18,18, 0.6);
+
+}
+.m_login_c{
+    background: rgba(18,18,18, 0.6);
+    margin: auto;
+    padding: 20px;
+    border: 1px solid #888;
+    width: 80%;
+    text-align: center;
+  }
+
+    .close {
+        color: #aaaaaa;
+        float: right;
+        font-size: 5vw;
+        font-weight: bold;
+    }
+    .close:hover,
+    .close:focus {
+        color: red;
+        text-decoration: none;
+        cursor: pointer;
+    }
