Why is my background image only displaying in footer of webpage?

HTML-CSS
1

I set up this pattern as bg image and it only display at bottom of webpage; instead of on it at whole

here is temporary webpage to see what I mean

to answer my own question:

it’s because I should have styled it via html and not via body!!!

Background image issue