diff --git a/style.css b/style.css index b2cbdc8..4383eed 100644 --- a/style.css +++ b/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%; +}