GitHub Pages will not load my css or links

I’m having an issue with GitHub loading my CSS and my links.

Here is the deployed page link: The Expanse Quiz

and my code: GitHub - hannahnmcdonald/TheExpanseQuiz: Play this timed quiz game for the hit sci-fi series 'The Expanse.' This quiz follows questions from seasons 1-5. Test your knowledge, save your high score, and play against your friends!

Everything looks fine when I load it from live server or just my default server. Not sure what I can do to fix it. I have tried several things at this point.


I’ve noticed this in the page source:

<link rel="stylesheet" type="text/css" href="/style.css">

The link to the CSS files starts with a / instead of a ./, which is not the same in terms of paths — the former indicates the root folder, the latter the current folder.

The same problem is also affecting other assets and links, in fact clicking on the High Scores link results in a 404 error page, because the / is pointing to:

which is outside the GHPage repository, and should have pointed to:

instead. Add the missing . to all paths in the HTML and the problem should be solved.