Text boxes not showing borders and not resizing

Hi all, I recently started to develop a portfolio website as I do web-related work on the side. Anywho, I was able to set up Contact Form 7 pretty much to my liking. However, I wanted to resize the width of the fields as they appeared to be very big on my contact page.

Two issues:
1) The message part (big text box) is still stuck at its 100% default width when I put in the code to resize it to 50% width. Not sure why this is happening when all the other fields have been able to be resized.

2) The slightly gray border around each input box does not show up around the email and the message input boxes. I did some troubleshooting on this and it only shows up on fields that are marked as text and not email or textarea.

A screenshot of the contact form can be found here: https://pasteboard.co/GRRL46M.jpg

Here is the code for the CSS I used. I put it in the “custom CSS” box when editing the theme via the customize page. I was not able to have those changes apply to the entire form since I did not want the message field to be the same size as the other fields so instead I made the changes for each field with their assigned ids. The first two entries were for changing the color/text color of the submit button. Link: https://pastebin.com/2cjFZJw8

Any and all help is appreciated. Thank you!