Update style.css

style.css

@@ -1,35 +1,64 @@
 body {
     background: black;
+    margin: 0;
+    padding: 0;
+    height: 100vh;
+    display: flex;
+    justify-content: center;
+    align-items: center;
 }
 
 .clock {
-    position: absolute;
-    top: 50%;
-    left: 50%;
-    transform: translateX(-50%) translateY(-50%);
     color: #73b66f;
     font-size: 240px;
     font-family: Stencil;
     letter-spacing: 7px;
+    cursor: pointer;
 }
 
 .menu {
     display: none;
-    position: absolute;
-    top: 60%;
-    left: 50%;
-    transform: translateX(-50%);
-    background: #333;
-    padding: 10px;
-    border-radius: 10px;
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background: rgba(0, 0, 0, 0.9);
+    color: white;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    text-align: center;
 }
 
-.color-option {
-    color: white;
+.menu h3 {
+    margin-bottom: 10px;
+}
+
+.color-options, .font-options {
+    margin-bottom: 20px;
+}
+
+.color-option, .font-option {
     padding: 10px;
     cursor: pointer;
 }
 
-.color-option:hover {
+.color-option:hover, .font-option:hover {
     background: #444;
+}
+
+button {
+    padding: 10px 20px;
+    font-size: 18px;
+    cursor: pointer;
+    background: #333;
+    border: none;
+    color: white;
+    margin-top: 20px;
+}
+
+button:hover {
+    background: #555;
 }