diff --git a/feedback.html b/feedback.html
index 6de005f..574a202 100644
--- a/feedback.html
+++ b/feedback.html
@@ -9,34 +9,44 @@
align-content: center;
background-color: black;
color: white;
+ overflow: hidden;
+ font-weight: bold;
+ font-size: 350%;
+ }
+
+ span{
+ color: goldenrod;
}
.plane {
+ /* Für möglichst symmetrisch, muss left proportional zu width sein*/
+ height: 50vw;
+ width: 60vw;
+ bottom: 0;
+ left: 20vw;
+
+ /*Erstellt eine Ebene mit einem Neigungsgrad von 20*/
transform: perspective(250px) rotateX(20deg);
transform-origin: 50% 100%;
+
text-align: center;
position: absolute;
- font-weight: bold;
- overflow: hidden;
- font-size: 350%;
- height: 50vw;
- width: 50vw;
- bottom: 0;
- left: 0;
}
-
.plane:after
{
- position: absolute;
- content: ' ';
bottom: 60%;
left: 0;
right: 0;
top: 0;
+
+ content: ' ';
+
+ position: absolute;
}
.content
{
+ /* 60 Sekunden Animation, die in 3 Sekunden eingeblendet wird */
animation: scroll 60s linear 3s;
position: absolute;
top: 100%;
@@ -48,7 +58,7 @@
}
100% {
- top: -170%;
+ top: -150%;
}
}