classier end

style.css

@@ -1,10 +1,46 @@
 body {
-    margin: 0;
-    background-color: #000;
-    color: #fff;
-    font-family: Monospace;
-    font-size: 13px;
-    line-height: 24px;
-    overscroll-behavior: none;
-    cursor: pointer;
-}
+  margin: 0;
+  background-color: #000;
+  color: #fff;
+  font-family: Monospace;
+  font-size: 13px;
+  line-height: 24px;
+  overscroll-behavior: none;
+  cursor: pointer;
+}
+
+canvas {
+  position: absolute;
+  z-index: 0;
+}
+
+@keyframes escaped{
+  0% {
+    opacity: 0%;
+    background: transparent;
+    height: 10vh;
+    padding-top: 90vh; 
+  }
+}
+
+#end {
+  display: none;
+  position: absolute;
+  left: 0;
+  width: 100%;
+  height: 100vh;
+  font-size: 10vh;
+  font-family: Georgia, serif;
+  color: gray;
+  justify-content: center;
+  z-index: 1;
+}
+
+#end.escaped {
+  display: flex;
+  animation: escaped 5s;
+  height: 50vh;
+  padding-top: 50vh;
+  opacity: 100%;
+  background: white;
+}