I have tidied up your file and used CSS to regulate the distance to where the input fields appear. When you open the file, you will see that I have moved the form in from the left edge and created a max width of the page. You may not agree with that, and if you don't, just delete the class wrapper from the CSS and HTML. You may make changes to it if you want to keep it, for example, make it wider or narrower. Do that in the styles section at the top. The red border is there only to make the wrapper visible, you can delete the styles pertaining to the border.
One of the important styles is the 'display: inline-block'. Without it, the labels won't keep the width of 100px that they have been given.
In order to make the textarea responsive, I also set the width and height in the styles section. It can of course be changed.
I understand your struggle with the Style sheet wizard. 20 years ago I was trying to combat it myself and didn't get far. My approach to CSS was something like I learnt one property, then I went about writing a style for that and removed all the instances of 'html-css tags' from my document. For example, I used positioning tables back then and had to write the margin, padding and all the font styling into every table cell. It really was a torture! So that was one of the first things I learnt in CSS, and it saved me tons of work. Later I learnt some other CSS rules, and gradually I even understood how to make use of that Style sheet wizard