Update styles.css

styles.css

@@ -11,16 +11,19 @@ body {
     height: 100vh;
     background-color: #000;
     overflow: hidden;
+    font-family: Arial, sans-serif;
 }
 
 #scoreboard {
     position: absolute;
-    top: 10px;
+    top: 20px; /* Position at the top */
+    left: 50%;
+    transform: translateX(-50%);
     color: #fff;
-    font-family: Arial, sans-serif;
     font-size: 24px;
     display: flex;
-    gap: 20px;
+    gap: 40px; /* Space between player and bot scores */
+    z-index: 10; /* Ensure it's above the game area */
 }
 
 #gameArea {
@@ -49,6 +52,27 @@ body {
     transform: translateY(-50%);
 }
 
+#ball {
+    position: absolute;
+    width: 15px;
+    height: 15px;
+    background-color: #fff;
+    border-radius: 50%;
+    top:    background-color: #fff;
+}
+
+#paddleLeft {
+    left: 10px;
+    top: 50%;
+    transform: translateY(-50%);
+}
+
+#paddleRight {
+    right: 10px;
+    top: 50%;
+    transform: translateY(-50%);
+}
+
 #ball {
     position: absolute;
     width: 15px;