add css

css/design.css

@@ -8,6 +8,31 @@ body {
   font-family: Arial, serif;
   overflow: hidden;
 }
+.impressum {
+  position: absolute;
+  left: 0px;
+  top: 0px;
+  color: #fff;
+  margin: 10px;
+  z-index: 1000;
+  background: #000;
+  font-size: 3em;
+  transition: opacity 5s 2s;
+  opacity: 0;
+  animation: 3s ease-out 0s 1 fadeOut;
+}
+.impressum:hover {
+  opacity: 1;
+  transition: none;
+}
+@keyframes fadeOut {
+  0% {
+    opacity: 1;
+  }
+  100% {
+    opacity: 0;
+  }
+}
 [data-container=panel],
 [data-container=noscript] {
   background-color: rgba(8, 8, 8, 0.68);

css/design.less

@@ -12,6 +12,33 @@ body {
     overflow:hidden;
 }
 
+.impressum {
+    position: absolute;
+    left: 0px;
+    top: 0px;
+    color: #fff;
+    margin: 10px;
+    z-index: 1000;
+    background: #000;
+    font-size: 3em;
+    transition: opacity 5s 2s;
+    opacity: 0;
+    animation: 3s ease-out 0s 1 fadeOut;
+}
+.impressum:hover {
+    opacity: 1;
+    transition: none;
+}
+@keyframes fadeOut {
+  0% {
+    opacity: 1;
+  }
+  100% {
+    opacity: 0;
+  }
+}
+
+
 [data-container=panel] {
 	background-color: rgba(8, 8, 8, 0.68);
 	border: solid 1px #252525;

index.html

@@ -23,5 +23,6 @@
         <div data-container="noscript">Diese Seite benötigt JavaScript!</div>
     </noscript>
 </div>
+<a href="https://oh14.de/impressum.html" class="impressum">Impressum</a>
 </body>
 </html>