<style>
    .numpad-button {
      width: 100%;
      height: 15vh;
    font-size: 3em;
    }
    .input-container, input {
      margin-bottom: 20px;
       font-size: 2.5em !important;
    }
  </style>
    <!-- Input Field -->
      <input type="text" placeholder="Enter score .." id="numpadInput" readonly>
    <!-- Numpad -->
        <button onclick="appendNumber(1)">1</button>
        <button onclick="appendNumber(2)">2</button>
        <button onclick="appendNumber(3)">3</button>
        <button onclick="appendNumber(4)">4</button>
        <button onclick="appendNumber(5)">5</button>
        <button onclick="appendNumber(6)">6</button>
        <button onclick="appendNumber(7)">7</button>
        <button onclick="appendNumber(8)">8</button>
        <button onclick="appendNumber(9)">9</button>
        <button onclick="clearInput()">C</button>
        <button onclick="appendNumber(0)">0</button>
        <button onclick="submitInput()">OK</button>