Formatting Forms: Success/Error Message Text

Hello,

I have added a form to the “Contact” page of my website, and it looks great, except for the “Success Message Text” and “Error Message Text.” For some reason, that text is in a different font than the rest of the form, and it is also left-aligned.

I also noticed that the text response fields are top-aligned, and ideally they would be center-aligned. This is not a big deal, though! Just wondering if there’s a way to change that.

Here are some screenshots: https://drive.google.com/drive/folders/1CtPeN-QJZG2nyHjV41BANouTuMb3boNT?usp=sharing

Is there any CSS I could add in order to:

1. Change the success & error message font to “Roboto” (to match the rest of the form?
2. Center-align the success & error messages within the page?
3. Change the vertical alignment of the text response fields so that they are center-aligned?

I didn’t even know what CSS was until this week, so I am doing my best to wrap my head around it. I couldn’t find any forms about these specific issues, so anything helps!

Link to page: https://www.shelbmathews.com/contact/

Thank you!

The page I need help with: [log in to see the link]