Update style.css

style.css

@@ -29,6 +29,7 @@ body {
     background: radial-gradient(circle, #00FFAB, #00B89C);
     border-radius: 50%;
     box-shadow: 0 0 20px rgba(0, 255, 171, 0.8);
+    animation: fall 3s linear infinite;
 }
 
 .platform {
@@ -41,57 +42,59 @@ body {
     box-shadow: 0 0 20px rgba(255, 0, 122, 0.8);
 }
 
-#score {
+#score, #level {
     position: absolute;
     top: 20px;
-    left: 20px;
     font-size: 24px;
     text-shadow: 0 0 10px rgba(0, 255, 171, 0.8);
 }
 
 #level {
-    position: absolute;
-    top: 20px;
-    right: 20px;
-    font-size: 24px;
-    text-shadow: 0 0 10px rgba(0, 255, 171, 0.8);
+    top: 60px;
+    font-size: 20px;
 }
 
 #lives {
     position: absolute;
     top: 20px;
-    width: 80%;
-    text-align: center;
-    font-size: 24px;
+    left: 50%;
+    transform: translateX(-50%);
+    display: flex;
+    justify-content: center;
+    align-items: center;
 }
 
 .life {
-    margin-right: 5px;
-    color: red; /* Red hearts */
+    font-size: 25px;
+    margin: 0 5px;
 }
 
 .game-over {
     position: absolute;
-    top: 40%;
+    top: 50%;
     left: 50%;
-    transform: translateX(-50%);
+    transform: translate(-50%, -50%);
+    background-color: rgba(0, 0, 0, 0.7);
+    color: white;
+    padding: 20px;
+    border-radius: 10px;
     text-align: center;
-    color: #fff;
-    font-size: 24px;
-    display: none;  /* Hide it initially */
+    display: none;  /* Initially hidden */
 }
 
-.game-over button {
-    background-color: #ff007a;
-    color: white;
+#restart-btn {
     padding: 10px 20px;
+    background-color: #FF007A;
+    color: white;
     border: none;
     border-radius: 5px;
-    font-size: 18px;
     cursor: pointer;
-    margin-top: 10px;
+    font-size: 16px;
+}
+
+#restart-btn:hover {
+    background-color: #E5006D;
 }
 
-.game-over button:hover {
-    background-color: #e5006d;
-}
+@keyframes fall {
+    0%