style.css edited online with Bitbucket

style.css

@@ -4,6 +4,9 @@ body {
   font-family: 'Lato', sans-serif;
   margin: 0;
   margin-top: 25;
+
+
+
 }
 
 table, td, th {
@@ -33,14 +36,13 @@ td {
 tr {
   background: rgba(18,18,18, 0.6) !important;
 }
-table.center {
-  margin-left: auto;
-  margin-right: auto;
-}
+table {
 
+}
 .profil {
   text-align: center;
   font-size: 20px;
+
 }
 
 a:link{
@@ -54,15 +56,19 @@ a:hover{
     color:gray;
 }
 
+
+table.center {
+  margin-left: auto;
+  margin-right: auto;
+}
+
 .loginform {
   max-width: 340px;
-  padding: 30px;
+  padding: 20px;
   padding-bottom: 0px;
-  background: rgba(18,18,18, 0.3);
-  border: 2px solid #DDDDDD;
-  position: relative;
   margin: auto;
-  bottom: 10px;
+  border: 2px solid #DDDDDD
+  border-radius:
 }
 .loginform input {
   width: 100%;
@@ -97,6 +103,7 @@ a:hover{
   top: 280px;
 }
 
+
 .bild {
   background: rgba(18,18,18, 0.3);
   border-top: 2px solid #DDDDDD;
@@ -114,21 +121,25 @@ a:hover{
   position: fixed;
 }
 
+
+
 .key{
+
   color: white;
   max-width: 64px;
   max-height: 64px;
 }
-.key_login{.
+.key_login{
   padding: 0;
   padding-top: 2;
   position: fixed;
-  right: 10px;
-  bottom: 10px;
+  right: 15px;
+  bottom: 15px;
 }
 
+
 .m_login{
-     display: none;
+    display: none;
     position: fixed;
     z-index: 1;
     padding-top: 100px;
@@ -137,27 +148,29 @@ a:hover{
     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;
+  background-color: #fff;
+  border-radius: 8px;
+  height: 200px;
+  margin-top: -240px;
+  left: 50%;
+  top: 50%;
+  position: absolute;
+  transform: translateX(-50%);
+  border: 2px solid #DDDDDD
 }
 
-.close{
-   color: #aaaaaa;
-   float: right;
-   font-size: 5vw;
-   font-weight: bold;
+.close {
+  color: #aaaaaa;
+  position: fixed;
+  top: 2;
+  left: 6;
+  font-weight: bold;
 }
 .close:hover,
 .close:focus {
-   color: red;
-   text-decoration: none;
-   cursor: pointer;
+  color: red;
+  text-decoration: none;
+  cursor: pointer;
 }