d3d9446802a44259755d38e6d163e820.html

<!DOCTYPE html>
<html>
  <title>Level 9</title>
  <link
    rel="stylesheet"
    href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css"
    integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu"
    crossorigin="anonymous"
  />
  <style>
    body {
      background-color: #F5D6C6;
      margin: auto;
      margin-top: 30px;
      width: 60%; 
      padding: 10px;
      text-align: center;
  }

    header{
      margin-top: 80px;
    }

    #h2, #h3{
      font-size: 20px;
    }

  </style>
  <header align="center">
    <br />
    <h2 id="h2">Number Guessing Game</h2>
    <h2 id="h3">I'm thinking of a number between 1 and 10, what is it?</h2>
    <br>
    <h3 id="guessDisplay">1</h3>
    <div class="form">
      <label for="guessField">Enter a guess: </label>
      <input require type="text" id="guessField" class="guessField" />
      <input
        type="submit"
        value="Submit guess"
        class="guessSubmit"
        id="submitguess"
      />
    </div>
  </header>
  <body align="center">
    <br />
  </body>
  <script src="10.js"></script>
</html>