Dawn theme - add first name email

newsletter.liquid

<div class="field">
<input
id="NewsletterForm--{{ section.id }}"
type="text"
name="contact[first_name]"
class="field__input"
value=""
autocorrect="off"
autocapitalize="off"
{% if form.errors %}
autofocus
aria-invalid="true"
aria-describedby="Newsletter-error--{{ section.id }}"
{% elsif form.posted_successfully? %}
aria-describedby="Newsletter-success--{{ section.id }}"
{% endif %}
placeholder="First name"

>
<label class="field__label" for="NewsletterForm--{{ section.id }}">First Name</label>
<style>
#contact_form,
#ContactFooter,
#ContactFooter > .newsletter-form__field-wrapper,
#contact_form > .newsletter-form__field-wrapper{ 
max-width: 500px;
width: 100%;
display: flex;
}
@media (max-width: 749px){
#ContactFooter > .newsletter-form__field-wrapper,
#contact_form > .newsletter-form__field-wrapper{ 
flex-direction: column;
}  
}
</style>
</div>