Update style.css

style.css

@@ -1,3 +1,4 @@
+/* Global styling */
 * {
     margin: 0;
     padding: 0;
@@ -28,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 {
@@ -40,13 +42,39 @@ body {
     box-shadow: 0 0 20px rgba(255, 0, 122, 0.8);
 }
 
-#score, #level, #lives {
+#score {
     position: absolute;
     top: 20px;
     font-size: 24px;
     text-shadow: 0 0 10px rgba(0, 255, 171, 0.8);
 }
 
-#lives {
+#level {
+    position: absolute;
     top: 60px;
+    font-size: 20px;
+    text-shadow: 0 0 10px rgba(0, 255, 171, 0.8);
+}
+
+#lives {
+    position: absolute;
+    bottom: 20px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+}
+
+.life {
+    font-size: 30px;
+    margin-right: 10px;
+    color: red; /* Red hearts */
+}
+
+@keyframes fall {
+    0% {
+        top: -30px;
+    }
+    100% {
+        top: 100%;
+    }
 }