bug fix

index.html

@@ -14,7 +14,6 @@
             display: flex;
             justify-content: center;
             align-items: center;
-            background-color: lightblue;
         }
 
         #canvas-container {
@@ -26,7 +25,6 @@
         #drawing-canvas {
             width: 100%;
             height: 100%;
-            background-color: lightblue;
         }
 
         #text-container {
@@ -66,9 +64,7 @@
             resizeCanvas();
 
             function resetTimer() {
-                if (timer) {
-                    clearTimeout(timer);
-                }
+                clearTimeout(timer);
                 timer = setTimeout(decideWinner, 5000);
             }
 
@@ -84,13 +80,14 @@
             }
 
             function draw() {
-                // Clear the canvas
-                ctx.clearRect(0, 0, canvas.width, canvas.height);
+                // Clear the canvas and fill with background color
+                ctx.fillStyle = 'lightblue';
+                ctx.fillRect(0, 0, canvas.width, canvas.height);
 
                 // Draw all circles
                 circles.forEach(circle => {
                     ctx.beginPath();
-                    ctx.arc(circle.x, circle.y, 50, 0, 2 * Math.PI); // Increased radius to 50
+                    ctx.arc(circle.x, circle.y, 50, 0, Math.PI * 2); // Radius of 50
                     ctx.fillStyle = circle.color || 'white';
                     ctx.fill();
                     ctx.closePath();