Update styles.css

styles.css

@@ -9,10 +9,20 @@ body {
     justify-content: center;
     align-items: center;
     height: 100vh;
-    background-color: #0f0;
+    background-color: #000;
     overflow: hidden;
 }
 
+#scoreboard {
+    position: absolute;
+    top: 10px;
+    color: #fff;
+    font-family: Arial, sans-serif;
+    font-size: 24px;
+    display: flex;
+    gap: 20px;
+}
+
 #gameArea {
     position: relative;
     width: 100vw;
@@ -24,7 +34,7 @@ body {
     position: absolute;
     width: 10px;
     height: 80px;
-    background-color: #f0f;
+    background-color: #fff;
 }
 
 #paddleLeft {
@@ -39,6 +49,20 @@ body {
     transform: translateY(-50%);
 }
 
+#ball {
+    position: absolute;
+    width: 15px;
+    height: 15px;
+    background-color: #fff;
+    border-radius: 50%;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+}    right: 10px;
+    top: 50%;
+    transform: translateY(-50%);
+}
+
 #ball {
     position: absolute;
     width: 15px;