<div class="card">
	<form id="form" class="form" method="post" enctype="application/x-www-form-urlencoded" accept-charset="UTF-8">
    <h1>Play Submission Form</h1>
    <div class="content">
        <div class="intro"></div>
			   <h2 class="section">Personal Information</h2>
        <div id="section0" >
            <div class="field"><label for="FirstName">First Name</label><input type="text" id="FirstName" name="FirstName" required autofocus></div>
            <div class="field"><label for="LastName">Last Name</label><input type="text" id="LastName" name="LastName" required></div>
            <div class="field"><label for="Company">Company</label><input type="text" id="Company" name="Company"></div>
            <div class="field"><label for="Email">Email</label><input type="email" id="Email" name="Email" required></div>
            <div class="field"><label for="Phone">Phone</label><input type="tel" id="Phone" name="Phone" required></div>
            <div class="field"><label for="PlaywrightBio">Playwright Bio</label><textarea id="PlaywrightBio" name="PlaywrightBio" wrap="hard" required></textarea></div>
            <div class="field"><label for="ArtistsStatement">Artist's Statement</label><textarea id="ArtistsStatement" name="ArtistsStatement" maxlength="500" wrap="hard" required></textarea></div>
            <div class="field"><label for="UploadResume">Upload Resume</label><input type="text" id="UploadResume" name="UploadResume" required></div>
            <div class="field"><label for="ZipCode">Zip Code</label><input type="text" id="ZipCode" name="ZipCode" required></div>
        </div>
        <h2 class="section">Play Information</h2>
        <div id="section1" >
            <div class="field"><label for="PlayTitle">Play Title</label><input type="text" id="PlayTitle" name="PlayTitle" required></div>
            <div class="field"><label for="Summary">Summary</label><textarea id="Summary" name="Summary" wrap="hard" required></textarea></div>
            <div class="field"><label for="Setting">Setting</label><textarea id="Setting" name="Setting" wrap="hard" required></textarea></div>
            <div class="field"><label for="CharacterCount">Character Count</label><input type="text" id="CharacterCount" name="CharacterCount" required></div>
            <div class="field"><label for="UploadPlay">Upload Play</label><input type="text" id="UploadPlay" name="UploadPlay" required></div>
        </div>
        <h2 class="section">Demography</h2>
        <div id="section2" >
            <div class="field"><label for="Gender">Gender</label><select id="Gender" name="Gender" required></select></div>
            <div class="field"><label for="Age">Age</label><input type="number" id="Age" name="Age" required></div>
            <div class="field"><label for="Ethnicity">Ethnicity</label><select id="Ethnicity" name="Ethnicity" required></select></div>
            <div class="field"><label for="SexualPreference">Sexual Preference</label><select id="SexualPreference" name="SexualPreference" required></select></div>
            <div class="field"><label for="Race">Race</label><select id="Race" name="Race" required></select></div>
            <div class="field"><label for="Sex">Sex</label><select id="Sex" name="Sex" required></select></div>
        </div>
    </div>
</form>
</div>