frontend-finished

style.css

@@ -149,10 +149,33 @@ p {
   text-align: right;
   text-align-last: right;
   padding-right: 140px;
-  padding-top: 150px;
+  padding-top: 140px;
   font-family: "League Spartan";
 }
 
+.title h3{
+  font-size: 125px;
+  text-align: right;
+  text-align-last: right;
+  padding-right: 140px;
+  padding-top: 160px;
+  font-family: "League Spartan";
+}
+
+.title em {
+  font-family: "sans-serif";
+  font-size: 120px;
+}
+
+.title out {
+  -webkit-text-fill-color: transparent;
+  -webkit-text-stroke: 5px #E07A31;
+}
+
+.title small {
+  font-size: 70px;
+}
+
 .button-rechts {
   height: 1000px;
   position: relative;
@@ -211,8 +234,7 @@ button {
   position: relative;
   right: 200px;
   z-index: 0;
-  animation: appear 0.4s 0s ease-in;
-  animation: idle-blue s 0.4s infinite;
+  animation: idle-blue 8s 0.4s infinite;
 }
 
 #green {
@@ -221,7 +243,6 @@ button {
   top: -200px;
   right: 150px;
   z-index: 2;
-  animation: appear 0.4s -0.075s ease-in; 
   animation: idle-green 5s 0.3s infinite;
 }
 
@@ -231,7 +252,6 @@ button {
   left: 60px;
   top: -45px;
   z-index: 1;
-  animation: appear 0.4s -0.15s ease-in; 
   animation: idle-red 7s 0.3s infinite;
 }
 
@@ -263,20 +283,13 @@ button {
   100% {font-size: 30px;}
 }
 
-@keyframes appear {
-  0% {transform: scale(0); opacity: 0%}
-  60% {transform: scale(0.8)}
-  80% {transform: scale(1.1); opacity: 100%}
-  100% {transform: scale(1)}
-}
-
 @keyframes idle-blue {
   0% {transform: scale(1); }
   20% {transform: scale(1.4); }
   40% {transform: scale(1.1);  transform: translateY(40px);}
   60% {transform: scale(0.8);  transform: translateX(50px)}
-  80% {transform: scale(0.9); ;}
-  95% {transform: scale(1); ; transform: translateY(-40px); transform: translateX(-50px);}
+  80% {transform: scale(0.9);}
+  95% {transform: scale(1); transform: translateY(-40px); transform: translateX(-50px);}
 }
 
 @keyframes idle-green {