Decreasing the gap between a <p> tag

Hi all,

I’ve been messing around trying to learn CSS for a couple of weeks now, I’m really enjoying it and I can’t believe how easy it is to create stuff using it, but anyway on to my question. I have ran into a problem where I have a <h1> tag that has got CSS code assigned to it and a <p> tag that also has CSS code assigned to it. When I start writing out text in the edit using these tags I noticed that there was a huge gab between the heading tag and the paragraph tag. Is there a way to decrease this? I’ve attached the HTML and CSS file to this thread to help.

Kind Regards