#difficultySelector { margin-top: 3px; margin-bottom: 10px; } button { margin-top: 0px; margin-bottom: 5px; } #difficultySelector { display: block; } table { border-collapse: collapse; margin-bottom: 5px; } td { border: 1px solid black; width: 30px; /* Adjust the width as needed */ height: 30px; /* Adjust the height as needed */ text-align: center; } tr:first-of-type td{ border-top-width: 2px; } tr td:first-child { border-left-width: 2px; } /* Apply thicker borders for every third column */ td:nth-child(3n) { border-right-width: 2px; } /* Apply thicker borders for every third row */ tr:nth-child(3n) td { border-bottom-width: 2px; } tr:first-child { border-bottom-width: 2px; } input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } input { width: 100%; height: 100%; box-sizing: border-box; /* Standard syntax */ /* appearance: none; */ /* Vendor prefixes for other browsers */ -moz-appearance: none; -ms-appearance: none; -o-appearance: none; /* appearance: none; */ text-align: center; -webkit-box-sizing:border-box; -moz-box-sizing: border-box; border:none; }