diff --git a/html/index.html b/html/index.html
index 8cb4636..67633dd 100644
--- a/html/index.html
+++ b/html/index.html
@@ -19,6 +19,7 @@
h1 {
position: relative;
font-size: 2rem;
+ animation: textShift 4s ease-in-out infinite;
}
.rocket {
@@ -27,9 +28,15 @@
}
@keyframes launch {
- 0% { transform: translate(0, 0) rotate(0deg); opacity: 1; }
- 70% { transform: translate(200px, -200px) rotate(0deg); opacity: 1; }
- 100% { transform: translate(400px, -400px) rotate(0deg); opacity: 0; }
+ 0% { transform: translate(0, 0); opacity: 1; }
+ 70% { transform: translate(200px, -200px); opacity: 1; }
+ 100% { transform: translate(400px, -400px); opacity: 0; }
+ }
+
+ @keyframes textShift {
+ 0% { transform: translateY(0); }
+ 70% { transform: translateY(30px); } /* faster drop while rocket rises */
+ 100% { transform: translateY(50px); } /* ends lower, exaggerating zoom effect */
}