how to style this form by css (mailchimp)
<pre><code>#mc_embed_signup{
    background:#fff; 
    clear:left; 
    font:14px Helvetica,Arial,sans-serif; 
    width:100%;
}
</code></pre>

<p><em>Add your own MailChimp form style overrides in your site stylesheet or in this style block.
       We recommend moving this block and the preceding CSS link to the HEAD of your HTML file.</em> </p>

<pre><code>&lt;div id="mc_embed_signup"&gt;
&lt;form action="//motioncamp.us14.list-manage.com/subscribe/post?u=b570480c176b6515310ddd01a&amp;amp;id=df2c1ec48b" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate&gt;
    &lt;div id="mc_embed_signup_scroll"&gt;
    &lt;label for="mce-EMAIL"&gt;Subscribe to our mailing list&lt;/label&gt;
    &lt;input type="email" value="" name="EMAIL" class="email" id="mce-EMAIL" placeholder="email address" required&gt;
    &lt;div style="position: absolute; left: -5000px;" aria-hidden="true"&gt;&lt;input type="text" name="b_b570480c176b6515310ddd01a_df2c1ec48b" tabindex="-1" value=""&gt;&lt;/div&gt;
    &lt;div class="clear"&gt;&lt;input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button"&gt;&lt;/div&gt;
    &lt;/div&gt;
&lt;/form&gt;
&lt;/div&gt;
</code></pre>



<p><a href="https://i.stack.imgur.com/WZwTR.png" rel="nofollow noreferrer">see the form i need</a></p>