Update style.css
Browse files
style.css
CHANGED
|
@@ -68,4 +68,30 @@ body {
|
|
| 68 |
.life {
|
| 69 |
margin-right: 5px;
|
| 70 |
color: red; /* Red hearts */
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 71 |
}
|
|
|
|
| 68 |
.life {
|
| 69 |
margin-right: 5px;
|
| 70 |
color: red; /* Red hearts */
|
| 71 |
+
}
|
| 72 |
+
|
| 73 |
+
.game-over {
|
| 74 |
+
position: absolute;
|
| 75 |
+
top: 40%;
|
| 76 |
+
left: 50%;
|
| 77 |
+
transform: translateX(-50%);
|
| 78 |
+
text-align: center;
|
| 79 |
+
color: #fff;
|
| 80 |
+
font-size: 24px;
|
| 81 |
+
display: none; /* Hide it initially */
|
| 82 |
+
}
|
| 83 |
+
|
| 84 |
+
.game-over button {
|
| 85 |
+
background-color: #ff007a;
|
| 86 |
+
color: white;
|
| 87 |
+
padding: 10px 20px;
|
| 88 |
+
border: none;
|
| 89 |
+
border-radius: 5px;
|
| 90 |
+
font-size: 18px;
|
| 91 |
+
cursor: pointer;
|
| 92 |
+
margin-top: 10px;
|
| 93 |
+
}
|
| 94 |
+
|
| 95 |
+
.game-over button:hover {
|
| 96 |
+
background-color: #e5006d;
|
| 97 |
}
|