File size: 1,405 Bytes
0c7940f b62df80 0c7940f b62df80 0c7940f ebf6a25 0c7940f b62df80 ebf6a25 0c7940f ebf6a25 0c7940f ebf6a25 0c7940f e6aed4c 0c7940f ebf6a25 662b31e ebf6a25 e6aed4c 662b31e 0c7940f 662b31e ac01c02 662b31e ac01c02 e6aed4c 376801a 662b31e 376801a |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 |
/* Global styling */
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
background: linear-gradient(to bottom, #0f0f0f, #131313);
font-family: 'Arial', sans-serif;
color: white;
overflow: hidden;
}
.game-container {
position: relative;
width: 100vw;
height: 100vh;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
.ball {
position: absolute;
width: 30px;
height: 30px;
background: radial-gradient(circle, #00FFAB, #00B89C);
border-radius: 50%;
box-shadow: 0 0 20px rgba(0, 255, 171, 0.8);
}
.platform {
position: absolute;
width: 100px;
height: 20px;
background: linear-gradient(to left, #FF007A, #E5006D);
bottom: 0;
border-radius: 10px;
box-shadow: 0 0 20px rgba(255, 0, 122, 0.8);
}
#score {
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);
}
#lives {
position: absolute;
top: 20px;
width: 100%;
text-align: center;
font-size: 24px; /* Sama dengan ukuran skor dan level */
}
.life {
margin-right: 10px;
color: red; /* Red hearts */
font-size: 24px; /* Sama dengan ukuran skor dan level */
} |