Survey Form - Build a Survey Form

Tell us what’s happening:
I keep getting an error that everything should be a descendent of #survey-form but im noit sure what that means?

   **Your code so far**
/* file: index.html */
<h1 id="title">
 Basketball Survey
 <link rel="stylesheet" href="styles.css">
 <p id="description">Please fill this out</p>
 <body>
 </h1>
 <fieldset>
 <form id="survey-form">
   <label id= "name-label">
   <input id="name" type="text" required placeholder= "name"
   </label><br>
   <label id= "email-label">
   <input id="email" type="email" required placeholder= "Email"
   </label><br>
 <label id="number-label">
 <input id="number" type="number" min="14" max="120" placeholder= "age"
 </label> 
</form>
</fieldset>
<fieldset>
 <form>
 <p>What is your favorite team?</p>
 <select id="dropdown">
   <option value="">(select one)</option>
   <option value="1">Chicago Bulls</option>
   <option value="2">LA Lakers</option>
   <option value="3">Golden State Warriors</option>
   <option value="4">Other</option>
</select>
</form>
</fieldset>
<fieldset>
<p>Favorite basketball player:</p>
 <input type="radio" name="fav-player" value="Lebron James">
 <label>Lebron James</label><br>
<input type="radio" name="fav-player" value="Kevin Durant">
<label>Kevin Durant</label><br>
<input type="radio" name="fav-player" value="Giannis Antetokounmpo">
<label>Giannis Antetokounmpo</label><br>
<input type="radio" name="fav-player" value="Luka Doncic">
<label>Luka Doncic</label><br>
</fieldset>
<fieldset>
<p>What do you look for in a good player?</p>
<input type="checkbox" name="strengths" value="Height" class="inline"
<label>Height</label><br>
<input type="checkbox" name="strengths" value="Shooting" class="inline"
<label>Shooting</label><br>
<input type="checkbox" name="strengths" value="Handles" class="inline"
<label>Handles</label><br>
<input type="checkbox" name="strengths" value="IQ" class="inline"
<label>IQ</label>  
</fieldset>
<fieldset>
 <textarea name="your game" rows="5" cols="30" placeholder="Describe your game.."></textarea> 
 </fieldset>
 <input id="submit" type="submit" value="Submit"/>
</form>
</body>
/* file: styles.css */
body {
 width: 100%;
 height: 100vh;
 margin: 0;
 background-color: orange;
 font-family: Tahoma;
 
}
h1, p {
 margin: 1em auto;
 text-align: center;
 font-family: Arial;
 }

 form {
   width: 100vw;
   max-width: 500px;
   min-width: 300px;
   margin: 0 auto;
   padding-bottom: 2em;
 }

 h1, input, label, textarea{
   text-align: center;
 }

 .inline {
   width: unset;
   margin: 0 0.5em 0 0;
   vertical-align: middle;

 }

 fieldset {
   text-align: center;


 }

 
   **Your browser information:**

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/104.0.0.0 Safari/537.36

Challenge: Survey Form - Build a Survey Form

Link to the challenge:

your form is just this, so there is a lot outside of it

Please make sure to have each tag have both its opening bracket < and its closing bracket > .
Note you can’t have one tag insite an other, so if you have an opening bracket < , the next bracket you should see is a closing one > – you can’t have two opening brackets following each other or two closing brackets following each other as that would mean the tag is not complete.