Changed header tag to default. Prob solved.

White space is gone! So it was just the body that was uncolored.

Here is what I changed:
~ Removed my custom header ID, using <header> properly now
~ Looking for another font for h1 header text and footer text, trying
out Lato.
~ Added rounded borders to header and footer.
~ Changed width for header/footer to be auto, 80% and gave them both
fitting heights.
~ changed background color to a different color.