update to match what is on the site

Author: estelle

javascript/introduction-to-js-1/first-splash/number-guessing-game-start.html

@@ -16,6 +16,10 @@
         min-width: 480px;
         margin: 0 auto;
       }
+      
+      .form input[type="number"] {
+        width: 200px;
+      }
 
       .lastResult {
         color: white;
@@ -31,7 +35,7 @@ <h1>Number guessing game</h1>
 
     <div class="form">
       <label for="guessField">Enter a guess: </label>
-      <input type="text" id="guessField" class="guessField">
+      <input type="number" min="1" max="100" required id="guessField" class="guessField">
       <input type="submit" value="Submit guess" class="guessSubmit">
     </div>