Form Colour Change Not Working

Hi, I’ve attached a screenshot of the custom css which is copied into the child style.css, along with a screenshot of how my website currently looks. I have numbered the issues and will provide an explanation of what I am trying to achieve for each number.

1. I would like the form to be rounded and slightly transparent, how do I achieve this?

2. There appears to be a gap when the colour is changed, how can I fix this?

3. Why are these boxes different colours and how can I change this?

4. Another gap

5. Different coloured border around the edge, how can I make this the same colour as the rest of the form?

6. The entire form has moved up and away from the slider, why is this and how do I change it back?

Also, as an extra question, I have numbered (quite poorly, writing looks like a 6 year old) the sections on the css, could you tell me what number relates to what part of the search form?

I know there’s a lot of questions, and they’re probably simple ones, but as you can see, I have no idea what I’m doing 🙂

Thanks in advance