Hello! Working on my survey front end project here. Here is the link: https://codepen.io/EdenSweden/pen/MWKRjqP
It looks fine and dandy until I scroll to the very bottom and whitespace suddenly appears, almost as if being pulled up by the nested div containing the survey. Now normally there is a similar amount of whitespace around the entire background image, but I fixed it using negative margins in the CSS of the class .background. But for some reason the negative margin isn’t working for the bottom. I have searched many times on stackoverflow and am stumped. What’s going on here?
(apologies in advance if my code is spaghetti-like.)