title: Styling sign-up form from Mailchimp -> some things don't work
body: <p>Website: <a href="https://bucksfoodpartnership.org/newsletter-sign-up/" rel="nofollow noreferrer">https://bucksfoodpartnership.org/newsletter-sign-up/</a></p>
  <p>At the moment, by Mailchimp's default, the form has this padding: 10px 0 10px 3%</p>
  <p>Code for this is</p>
  <pre><code>#mc_embed_signup form {display:block; position:relative; text-align:left; padding:10px 0 10px 3%}
  </code></pre>
  <p>But when I add this whole string to my Custom Css, and change 3% to i.e. 0 - nothing happens.</p>
  <p>I did manage to overwrite other elements from that form, for example to style the Subscribe button I've added:</p>
  <pre><code>#mc_embed_signup input.button {
      font-size: 1.125rem;
      background: #FD9915;
      padding: 10px 15px;
      width: auto;
      text-transform: uppercase;
      transition: 0.2s;
      height: 51px;
      border-radius: 0;
  }
  </code></pre>
  <p>And it works. But then trying to center the button doesn't work anymore.</p>
  <p>I also want to center the email input form, but neither #mc_embed_signup input nor #mc_embed_signup input.email work... What am I missing there?</p>