diff --git a/index.html b/index.html
index 73f50c6..673b689 100644
--- a/index.html
+++ b/index.html
@@ -20,7 +20,7 @@
- Libre !
+ Libre !
diff --git a/main.js b/main.js
index c8d8d16..92c04cf 100644
--- a/main.js
+++ b/main.js
@@ -424,8 +424,9 @@ function gameEnd() {
addEventListener("animationend", (event) => {
- //clearInterval( updateSunIntervalId );
- //document.exitPointerLock();
+ clearInterval( updateSunIntervalId );
+ document.exitPointerLock();
+ container.style.cursor = "default";
});
diff --git a/style.css b/style.css
index a54cca0..d801486 100644
--- a/style.css
+++ b/style.css
@@ -6,29 +6,22 @@ body {
font-size: 13px;
line-height: 24px;
overscroll-behavior: none;
- cursor: pointer;
}
#container {
position: absolute;
z-index: 0;
+ cursor: pointer;
}
@keyframes escaped{
0% {
opacity: 0%;
- height: 10vh;
- padding-top: 90vh;
- }
- 33%, 66% {
- opacity: 100%;
- height: 70vh;
- padding-top: 30vh;
+ top: 90vh;
}
100% {
- opacity: 0%;
- height: 70vh;
- padding-top: 30vh;
+ opacity: 100%;
+ top: 30vh;
}
}
@@ -37,17 +30,21 @@ body {
position: absolute;
left: 0;
width: 100%;
- height: 100vh;
font-size: 10vh;
font-family: Georgia, serif;
- color: gray;
background: transparent;
justify-content: center;
z-index: 1;
}
+#message a {
+ color: gray;
+ text-decoration: none;
+}
+
#message.escaped {
display: flex;
- animation: escaped 15s;
- opacity: 0%;
+ opacity: 100%;
+ top: 30vh;
+ animation: escaped 5s;
}