body {
     font-family: Arial, sans-serif;
     margin: 0;
     padding: 20px;
     position: relative;
     min-height: 100vh;
 }

 h1 {
     color: #333;
     margin-bottom: 20px;
 }

 button {
     padding: 10px 15px;
     background-color: #4285f4;
     color: white;
     border: none;
     border-radius: 4px;
     cursor: pointer;
     margin-right: 10px;
     margin-bottom: 20px;
 }

 button:hover {
     background-color: #3367d6;
 }

 .dot {
     position: absolute;
     background-color: rgba(255, 0, 0, 0.5);
     border-radius: 50%;
     width: 10px;
     height: 10px;
     transform: translate(-50%, -50%);
     pointer-events: none;
     /* Prevent dots from interfering with clicks */
 }

 #clickInfo {
     margin-top: 20px;
     border: 1px solid #ddd;
     padding: 15px;
     border-radius: 4px;
     background-color: #f9f9f9;
 }

 #counter {
     font-weight: bold;
     color: #d9534f;
 }