Update style.css
Browse files
style.css
CHANGED
|
@@ -29,7 +29,6 @@ body {
|
|
| 29 |
background: radial-gradient(circle, #00FFAB, #00B89C);
|
| 30 |
border-radius: 50%;
|
| 31 |
box-shadow: 0 0 20px rgba(0, 255, 171, 0.8);
|
| 32 |
-
animation: fall 3s linear infinite;
|
| 33 |
}
|
| 34 |
|
| 35 |
.platform {
|
|
@@ -42,36 +41,32 @@ body {
|
|
| 42 |
box-shadow: 0 0 20px rgba(255, 0, 122, 0.8);
|
| 43 |
}
|
| 44 |
|
| 45 |
-
#score
|
| 46 |
position: absolute;
|
| 47 |
top: 20px;
|
| 48 |
-
|
|
|
|
| 49 |
text-shadow: 0 0 10px rgba(0, 255, 171, 0.8);
|
| 50 |
}
|
| 51 |
|
| 52 |
#level {
|
| 53 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
| 54 |
}
|
| 55 |
|
| 56 |
#lives {
|
| 57 |
position: absolute;
|
| 58 |
-
top: 20px;
|
| 59 |
-
|
| 60 |
-
|
| 61 |
-
|
| 62 |
}
|
| 63 |
|
| 64 |
.life {
|
| 65 |
-
font-size: 24px; /* Ukuran font untuk ikon ♥️ */
|
| 66 |
margin-right: 10px;
|
| 67 |
color: red; /* Red hearts */
|
| 68 |
-
|
| 69 |
-
|
| 70 |
-
@keyframes fall {
|
| 71 |
-
0% {
|
| 72 |
-
top: -30px;
|
| 73 |
-
}
|
| 74 |
-
100% {
|
| 75 |
-
top: 100%;
|
| 76 |
-
}
|
| 77 |
}
|
|
|
|
| 29 |
background: radial-gradient(circle, #00FFAB, #00B89C);
|
| 30 |
border-radius: 50%;
|
| 31 |
box-shadow: 0 0 20px rgba(0, 255, 171, 0.8);
|
|
|
|
| 32 |
}
|
| 33 |
|
| 34 |
.platform {
|
|
|
|
| 41 |
box-shadow: 0 0 20px rgba(255, 0, 122, 0.8);
|
| 42 |
}
|
| 43 |
|
| 44 |
+
#score {
|
| 45 |
position: absolute;
|
| 46 |
top: 20px;
|
| 47 |
+
left: 20px;
|
| 48 |
+
font-size: 24px;
|
| 49 |
text-shadow: 0 0 10px rgba(0, 255, 171, 0.8);
|
| 50 |
}
|
| 51 |
|
| 52 |
#level {
|
| 53 |
+
position: absolute;
|
| 54 |
+
top: 20px;
|
| 55 |
+
right: 20px;
|
| 56 |
+
font-size: 24px;
|
| 57 |
+
text-shadow: 0 0 10px rgba(0, 255, 171, 0.8);
|
| 58 |
}
|
| 59 |
|
| 60 |
#lives {
|
| 61 |
position: absolute;
|
| 62 |
+
top: 20px;
|
| 63 |
+
width: 100%;
|
| 64 |
+
text-align: center;
|
| 65 |
+
font-size: 24px; /* Sama dengan ukuran skor dan level */
|
| 66 |
}
|
| 67 |
|
| 68 |
.life {
|
|
|
|
| 69 |
margin-right: 10px;
|
| 70 |
color: red; /* Red hearts */
|
| 71 |
+
font-size: 24px; /* Sama dengan ukuran skor dan level */
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 72 |
}
|