Who can give me a little HTML help?

Hello WordPressors,

I need some help with HTML, can somebody help me out?

I wanna change some colors of the elements of my Mailchimp sign-up form, but i dont know how. I can only see a color for background (lightly pink now) in my code below, but when i change the hex code nothing changes. I wanna change the background, font size/color, the color of the subsribe button and the text of the subsribe button. If somebody can add the HTML for the elements for me, i can change the codes myself. I hope somebody can help me out. Thank you so much!

This is my HTML form:

<!-- Begin Mailchimp Signup Form -->
<link href="//cdn-images.mailchimp.com/embedcode/classic-10_7.css" rel="stylesheet" type="text/css">
<style type="text/css">
#mc_embed_signup{background:#fff; clear:left; font:14px Helvetica,Arial,sans-serif; }
/* 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. */
</style>
<div id="mc_embed_signup">
<form action="https://disneyplusser.us4.list-manage.com/subscribe/post?u=0029732750189a4e07f8d0e39&id=ed31552436" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
<div id="mc_embed_signup_scroll">
<h6>Vul hieronder je beste emailadres in, dan sturen wij je tweewekelijks een email met het laatste nieuws en releases van Disney Plus!</h6>
<div class="mc-field-group">
<label for="mce-EMAIL">Emailadres: </label>
<input type="email" value="" name="EMAIL" class="required email" id="mce-EMAIL">
</div>
<div id="mce-responses" class="clear">
<div class="response" id="mce-error-response" style="display:none"></div>
<div class="response" id="mce-success-response" style="display:none"></div>
</div> <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
<div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_0029732750189a4e07f8d0e39_ed31552436" tabindex="-1" value=""></div>
<div class="clear"><input type="submit" value="Meld mij aan!" name="Meld mij aan" id="mc-embedded-subscribe" class="button"></div>
</div>
</form>
</div>
<script type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mc-validate.js'></script><script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email'; /*
* Translated default messages for the $ validation plugin.
* Locale: NL
*/
$.extend($.validator.messages, {
required: "Dit is een verplicht veld.",
remote: "Controleer dit veld.",
email: "Vul hier een geldig e-mailadres in.",
url: "Vul hier een geldige URL in.",
date: "Vul hier een geldige datum in.",
dateISO: "Vul hier een geldige datum in (ISO-formaat).",
number: "Vul hier een geldig getal in.",
digits: "Vul hier alleen getallen in.",
creditcard: "Vul hier een geldig creditcardnummer in.",
equalTo: "Vul hier dezelfde waarde in.",
accept: "Vul hier een waarde in met een geldige extensie.",
maxlength: $.validator.format("Vul hier maximaal {0} tekens in."),
minlength: $.validator.format("Vul hier minimaal {0} tekens in."),
rangelength: $.validator.format("Vul hier een waarde in van minimaal {0} en maximaal {1} tekens."),
range: $.validator.format("Vul hier een waarde in van minimaal {0} en maximaal {1}."),
max: $.validator.format("Vul hier een waarde in kleiner dan of gelijk aan {0}."),
min: $.validator.format("Vul hier een waarde in groter dan of gelijk aan {0}.")
});}(jQuery));var $mcj = jQuery.noConflict(true);</script>
<!--End mc_embed_signup-->

My URL is https://disneyplusser.nl. You will see the sign up form just above the footer.

Thank you Calin!

I entered the original code (which i gave in the first post) in a HTML-widget. I wanna add your CSS pieces straight into the widget code also. Is that possible? If so, where do i need to put it?

Also it looks like the original piece of code has got a lot of unnecessary codes. Please look at the newsletters on https://disneyplusser.nl (just above the footer) and see for yousef. A lot of stuff can be removed right? But which parts?

I would really appreciate if you can help me out here, im working on this for days now.

Thanks!

ok great, thank you!