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