CSS code isn't aligning box to center of page?

[AllHokage]

My CSS code isn't correctly horizontally aligning my box to the center of the page and I'm wondering what I've done wrong? 

 

I've been trying to fix this but haven't been able to.

 

CSS: https://hastebin.com/epasiroxoh.xml

HTML: https://hastebin.com/zekanofele.css

 

[mrchow19910319]

http://howtocenterincss.com/

 

https://css-tricks.com/centering-css-complete-guide/

 

 

[AllHokage]

4 minutes ago, mrchow19910319 said:

http://howtocenterincss.com/

 

https://css-tricks.com/centering-css-complete-guide/

 

 

Thanks that last link is what I've been looking for.

[mrchow19910319]

Just now, AllHokage said:

Thanks that last link is what I've been looking for.

yeah... CSS is kind of whacky.

you'll get used to it.