table {
           width: 80%;
           max-width: 600px;
           border-collapse: collapse;
           box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
           background-color: white;
           
           border-radius: 8px;
           overflow: hidden;
       }

		
       th,
       td {
           border: 1px solid #ddd;
           padding: 12px;
           text-align: center;
       }
       th {
           background-color: #d9ecff;
           font-weight: bold;
       }
       /* Input field styling */
       #numberInput {
           width: 90%;
           border: none;
           outline: none;
           text-align: center;
           padding: 10px;
           border-radius: 4px;
           background-color: #ffffff;
           font-family: Arial, sans-serif;
           font-size: medium;
           
       }
       /* Media queries for responsiveness */
       @media (max-width: 600px) {
           table {
               width: 100%;
           }
       }
       /* Remove webkit spin buttons */
       input::-webkit-outer-spin-button,
       input::-webkit-inner-spin-button {
           -webkit-appearance: none;
           margin: 0;
       }
       /* Remove Firefox spin buttons */
       input[type=number] {
           -moz-appearance: textfield;
       }
       /* Focus styling */
       input:focus,
       textarea:focus,
       select:focus {
           outline: none;
           border: 1px solid #007BFF;
       }
       /* Reset button styling */
       #resetButton {
           width: 100px;
           padding: 10px;
           margin-top: 10px;
           background-color: #007BFF;
           color: white;
           border: none;
           border-radius: 4px;
           cursor: pointer;
           text-align: center;
       }
       #resetButton:hover {
           background-color: #0056b3;
       }