I’m having trouble with CSS for my footer on the Random Quote Machine page. I would like the footer to be at the bottom of the page always - so you may need to scroll to see it. I can get it set to the bottom of the page, but when the page is larger than the viewport, it seems to stick to the bottom of the viewport. I feel like I have tried every variation of position:relative and position: absolute. The problem is most visible on mobile.
Can you help me? My project is here: http://genestd.github.io/RQM/