Create back and start buttons

2024-05-06 21:00:49 +04:00
parent 63af1c5367
commit c38e4ee160
3 changed files with 55 additions and 0 deletions
@@ -1,3 +1,8 @@
+#back-button {
+    margin-left: 1em;
+    cursor: pointer;
+}
+
 body {
    margin: 0;
    padding: 0;
@@ -7,6 +12,35 @@ html, body, #map {
    height: 90%;
 }

+#chrono {
+    font-weight: bold;
+    margin-top: 1em;
+    text-transform: uppercase;
+}
+
+.game-button {
+    background-color: #3498db;
+    border: 2px solid #3498db;
+    border-radius: 5px;
+    color: #fff;
+    cursor: pointer;
+    font-size: 15px;
+    margin-bottom: .3em;
+    padding: 8px 15px;
+    transition: all 0.3s ease;
+}
+
+.game-button:hover {
+    background-color: #2980b9;
+    border-color: #2980b9;
+}
+
+.game-button:disabled {
+    background-color: #d8d8d8;
+    border-color: #d8d8d8;
+    cursor: not-allowed;
+}
+
 #title,div {
    text-align: center;
 }