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 |
}
|