Why is my footer hiding content when I scroll down?

I’m trying to figure out why my footer is blocking my content. It wasn’t doing this earlier so I don’t know what the problem is. I tried making the height: 100% or min-height: 100vh but it still didn’t work. So I put the entire code so you can see it better hopefully this helps more. If you need more of the HTML let me know but this is all of the code, obviously there’s more HTML pages but I focused on just putting the footer.

Footer is not aligning to the bottom of the page

I have a HTML. And i want to add the Footer to it but it is not aligning to it’s bottom. @import url(https://fonts.googleapis.com/css?family=Gudea:400,700); @import url(https://fonts.googleapis.com/css2?family=Poppins:[email protected];300;400;500;600;700&display=swap); @import url(https://fonts.googleapis.com/css2?family=Poppins:[email protected];200;300;400;500;600;700;800;900&display=swap); @import url(https://fonts.googleapis.com/css2?family=Balsamiq+Sans:[email protected];700&family=Mochiy+Pop+P+One&display=swap); :root { –dark-one: #333; –dark-two: #7a7a7a; –main-color: #784cfb; –light-one: #fff; –light-two: #f9fafb; –light-three: #f6f7fb; –color_one: #ee1d52; –color_two: #69c9d0; –color_three: rgba(2, 0, 36, 1); –gradient: linear-gradient(90deg, var(–color_three) … Read more