I have the complete website's code available at https://github.com/ordelore/ordelore.github.io (https://github.com/ordelore/ordelore.github.io)
But here are my two main bits of conflicting code
The h1 text shows up as regular, black, serif text.
<div id="top">
<h1>Copy of Untitled Story (1)</h1>
</div>
#top {
font-family: Sans-Serif;
background-color:#000000;
color:white;
text-align:center;
padding:5px;
text-align: center;
}
Remove the <style> tags in your main.css. As simple as that. Somehow it keeps the browser from parsing the CSS.
EDIT: Wait, it must look for a <div> inside of a <<style>> tag, as if you wrote <style> div { ... }, which makes no sense. Still no good.
Thanks Juju, removing the <style> tags fixed it.