Stylize Form Blocks

I've tried a ton of different css codes to stylize form blocks and none seem to work. I'd like to do a lot of styling–color, padding, text, outline, round corners. Any insight?

Screenshot attached for reference. Website isn't live, URL: https://ukulele-goldfish-52cx.squarespace.com/

Current code I'm using:

// forms //
.form-wrapper .field-list .field .field-element {
  font-size: 12px !important;
  background-color: #F2EBDD !important;
  border: 1px solid #F49E21 !important;
  border-radius: 10 !important;
}

Thank you! 

Try this Custom CSS:

.form-wrapper .field-list textarea, .eTv7qUMqLR9lJxpIAC3F {
  font-size: 12px !important;
  background-color: #F2EBDD !important;
  border: 1px solid #F49E21 !important;
  border-radius: 10px !important;
}

Amazing! Thank you so much. Do you think if I remove

.eTv7qUMqLR9lJxpIAC3F

it will work across the whole site? 

I'd like to target these two forms on the home page as well: 

Tweaked to this instead to include more class selectors:

.form-wrapper .field-list textarea, .form-item input, .newsletter-block .newsletter-form-field-element {
  font-size: 12px !important;
  background-color: #F2EBDD !important;
  border: 1px solid #F49E21 !important;
  border-radius: 10px !important;
}