diff --git a/assets/images/ts3.png b/assets/images/ts3.png
new file mode 100644
index 0000000..51ba491
Binary files /dev/null and b/assets/images/ts3.png differ
diff --git a/assets/style/fade.css b/assets/style/fade.css
new file mode 100644
index 0000000..4dab99a
--- /dev/null
+++ b/assets/style/fade.css
@@ -0,0 +1,52 @@
+@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
+@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
+@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
+
+:root{
+ --ofset-time-cb: 0.4s;
+}
+
+.fade-in {
+ opacity:0;
+ -webkit-animation:fadeIn ease-in 1;
+ -moz-animation:fadeIn ease-in 1;
+ animation:fadeIn ease-in 1;
+
+ -webkit-animation-fill-mode:forwards;
+ -moz-animation-fill-mode:forwards;
+ animation-fill-mode:forwards;
+
+ -webkit-animation-duration:1s;
+ -moz-animation-duration:1s;
+ animation-duration:1s;
+}
+
+.fade-in.zero {
+ -webkit-animation-delay: var(--ofset-time-cb);
+ -moz-animation-delay: var(--ofset-time-cb);
+ animation-delay: var(--ofset-time-cb);
+}
+
+.fade-in.one {
+ -webkit-animation-delay: 0.7s;
+ -moz-animation-delay: 0.7s;
+ animation-delay: 0.7s;
+}
+
+.fade-in.two {
+ -webkit-animation-delay: 1.2s;
+ -moz-animation-delay:1.2s;
+ animation-delay: 1.2s;
+}
+
+.fade-in.three {
+ -webkit-animation-delay: 1.6s;
+ -moz-animation-delay: 1.6s;
+ animation-delay: 1.6s;
+}
+
+.fade-in.four {
+ -webkit-animation-delay: 2.1s;
+ -moz-animation-delay: 2.1s;
+ animation-delay: 2.1s;
+}
\ No newline at end of file
diff --git a/assets/style/style.css b/assets/style/style.css
index 8e15561..e5dbef2 100644
--- a/assets/style/style.css
+++ b/assets/style/style.css
@@ -1,3 +1,10 @@
body{
background-color: black;
+}
+.cmd-container{
+ position: fixed;
+ bottom: 0;
+
+ display: block;
+ color: white;
}
\ No newline at end of file
diff --git a/index.html b/index.html
index bea8432..15f9396 100644
--- a/index.html
+++ b/index.html
@@ -1,25 +1,42 @@
+
-
+
+
Cliffbreak.de
+
+
+
+
+
+
-
+
-
+
-
+
+
+
+
+
