I don't if this is directly related to your problem, but I have a few complaints about how you're setting the background for the page.
You're setting a background image for the html
element, and then you're styling the body
element. It may be better practice to leave the html
element untouched and apply a background to the body
element and do the rest of the styling on another container element if needed. One potential hazard, even if a bit far-fetched is that an extension, or browser, decides to make the body
element have a solid white background, thus covering up your background.
The image is quite a heavy load at 616 kB. If it fails to load for whatever reason, or if it loads slowly, the user will not see the text against the default white background. I'd suggest putting a color as well in the background attribute, as a fallback.
Additionally, you're specifiying the background image as a relative URL, ../img/bg.jpg
, which might be a problem if you have a link structure more than two levels deep. In my opinion, it would be good practice to specify this as an absolute address instead of relative.
The latter two points would give a recommended code of something like:
background: #0a0102 url(/img/bg.jpg) no-repeat center center fixed;