Form formatting using css

Hi,

I’m having trouble styling my mailchimp 4 wordpress form using css.

I have used the following code to create the form.

<p>
	<center><label for=”mc4wp_email”>Subscribe to our E-mail Newsletter</label></center><font color=”#ffffff“>Subscribe today and get a Free copy of the Ebook “plan your perfect wedding“</font></p>
	<input type="email" id="mc4wp_email" name="EMAIL" placeholder="Your email address" required />
</p>

<p>
	<input type="submit" value="Sign up" />
</p>

and entered the following styles in my styles.css

}
.mc4wp-form input.email {
display: block;
padding: 6px 0;
margin: 0 4% 15px 0;
text-indent: 5px;
width: 58%;
min-width: 268px;
margin-left: 6px;
line-height: 14px;
border-radius: 3px;
}
.mc4wp-form {
background: #282828;
clear: left;
font: 14px;
width: 300px;
max-width: 300px;
border-radius: 3px;
}
.mc4wp-form input.button {
display: block;
margin: 0 0 11px 0;
width: 264px;
min-width: 279PX;
margin-left: 1px;
}
.mc4wp-form .button {
clear: both;
background-color: #F60;
border: 0 none;
border-radius: 4px;
color: white;
font-size: 15px;
font-weight: bold;
height: 34px;
line-height: 31px;
padding: 0;
text-align: center;
text-decoration: none;
vertical-align: top;
white-space: nowrap;
}
.mc4wp-form input {
border: 1px solid grey;
-webkit-appearance: none;
}
.mc4wp-form {
display: block;
position: relative;
text-align: left;
padding: 20px 0 8px 3%;
}
.mc4wp-form label {
display: block;
font-size: 16px;
padding-bottom: 5px;
font-weight: bold;
color: white;
margin-right: 10px;
}

I can’t seem to style the form even though I believe the correct style.css file for my theme has been edited.

Any help is always appreciated. Thanks!

https://ww.wp.xz.cn/plugins/mailchimp-for-wp/