I cannot get the main background image to fill up my whole page entirely because there is a small white portion of my webpage that is on top of my image that will not go away no matter what I do. I tried setting the padding in my body to zero, that did not work. I tried setting the background-size as cover and background-position property as center and that did not work.
the h4 property in my main div adjusts to whatever value I set it as and that works okay. But when I adjust my h1 property , the whole page seems to move , and not just the h1 title away from the top of my page. Here is the link to the code.https://codepen.io/noblegas/pen/wvvXdjM