message fade out

style.css

@@ -17,18 +17,23 @@ body {
 @keyframes escaped{
   0% {
     opacity: 0%;
-    background: transparent;
     height: 10vh;
     padding-top: 90vh; 
   }
+  33%, 66% {
+    opacity: 100%;
+    height: 70vh;
+    padding-top: 30vh;
+  }
+  100% {
+    opacity: 0%;
+    height: 60vh;
+    padding-top: 40vh;
+  }
 }
 
 #message {
   display: none;
-}
-
-#message.escaped {
-  display: flex;
   position: absolute;
   left: 0;
   width: 100%;
@@ -36,11 +41,13 @@ body {
   font-size: 10vh;
   font-family: Georgia, serif;
   color: gray;
+  background: transparent;
   justify-content: center;
-  animation: escaped 5s;
-  height: 60vh;
-  padding-top: 40vh;
-  opacity: 100%;
-  cursor: default;
   z-index: 1;
 }
+
+#message.escaped {
+  display: flex;
+  animation: escaped 15s;
+  opacity: 0%;
+}