Bottom Aligned Footer

I have been working on this for a few hours, and I’m not sure what the problem is…

Whatever I’m doing in my code seems to overlap the footer when I shrink my window.

Is this even possible???

I used the following example as my base for coding:

Here is a link to my HTML:

CSS file is here:

Thank you!