<div class="top">
  <h1 id="title"> Survey Form </h1>
  <p id="description">Survey form description</p> <br>

  <div>
    <form id="survey-form">
      <p id="name-label">Name:
        <input id="input" type="text" placeholder="John Smith"" required pattern="[A-Za-z' -]+">
      </p>
      <p id="email-label">Email Address:
        <input id="input" type="text" placeholder="address@email.com" required pattern="[A-Za-z0-9'_-]+@[A-Za-z]+.com">
      </p>
      <p id="number-label">Age:
        <input id="input" type="number" placeholder="21" required min="0" max="100">
      </p>
      <p>Is you alive?
      <select id="dropdown">
      <option value="Yes">Yes</option>
      <option value="No">No</option>
      <option value="Maybe">Maybe</option>
      <option value="Other">You can prove nothing</option>
      </select> </p> <br>
      <p>What is your favorite game from E3?</p>
      <label> <input type="radio" name="favorite-game">Smash Bros</label><br>
      <label> <input type="radio" name="favorite-game">Fallout 76</label><br>
      <label> <input type="radio" name="favorite-game">Elder Scrolls VI</label><br>
      <label> <input type="radio" name="favorite-game">Starfield</label><br>
      <label> <input type="radio" name="favorite-game">Doom</label><br>
                                                      <br>
       <p>What games will you get?</p>
      <label> <input type="checkbox" name="buying-game" value="Smash-bros">Smash Bros</label><br>
      <label> <input type="checkbox" name="buying-game" value="Fallout">Fallout 76</label><br>
      <label> <input type="checkbox" name="buying-game" value="Elder-scrolls">Elder Scrolls VI</label><br>
      <label> <input type="checkbox" name="buying-game" value="Starfield">Starfield</label><br>
      <label> <input type="checkbox" name="buying-game" value="Doom">Doom</label><br>

      <p>Comments: </p>
      <label> <textarea type="textfield" id="comments"></textarea> </label><br>
      <button>Submit</button>
     </form>
  </div>
</div>