I am experiencing an issue with my website hosted on Github pages. It seems to be unable to read the CSS file that I have linked to it.
Here is a snippet of my HTML code:
<!DOCTYPE html>
<link rel="stylesheet" type="text/css" href="https://github.com/legoman8304/legoman8304.github.io/blob/master/style.css">
<html>
<body>
<h1>Hello World</h1>
<p>I'm under construction!</p>
<h6>Copyright MIT Licence 2018</h6>
</body>
</html>
This is how my CSS code looks like:
body {
background-color: lightblue;
}
h6 {
color: navy;
margin-left: 20px;
}
Link to repository: legoman8304.github.io
I suspect that I may have made an error in linking the CSS file because when using inspect element on the site itself, it shows 'style.css' but when opened, it appears to be empty. Any advice or assistance would be greatly appreciated.