css

/* Reset margins and padding for browser consistency */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
}

/* Expand html and body to viewport */
html, body {
    width: 100% !important;
    height: 100% !important;
}

/* Use border-box layout */
html {
    box-sizing: border-box;
}

html *, *:before, *:after {
    box-sizing: inherit;
}

/* Keyframe animations */
@keyframes blink {
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}

/* Google fonts */
@import url(https://fonts.googleapis.com/css?family=Open+Sans:600,400);


/* Everything else lol */
body {
    background-image: url('../img/background.jpg');
    background-attachment: fixed;
    background-repeat: no-repeat;
}

#wrapper {
    position: absolute;
    left: 10%;
    width: 80%;
    height: auto;
    opacity: 0.8;
}

#header {
    width: 100%;
    background-color: black;
}

#header h1 {
    padding: 0.5em;
    font-family: Courier;
    color: white;
}

#header span {
    animation: blink 1s infinite;
}

#nav {
    width: 100%;
    background-color: black;
    overflow: hidden;
}

#nav ul {
    list-style-type: none;
}

#nav li {
    float: left;
}

#nav a {
    display: block;
    padding: 0.75em;
    font-family: courier;
    font-weight: bold;
    text-decoration: none;
    color: white;
}

#nav a:hover {
    background-color: #CCCCCC;
    color: black;
    transition: all 0.5s ease;
}

#nav a:hover span {
    animation: blink 1s infinite;
}

#content {
    position: absolute;
    padding: 3.5em 4em;
    width: 100%;
    height: auto;
    background-color: #CCCCCC;
}

#content .post {
    background-color: blue;
    color: white;
    overflow: hidden;
}

#content .post .post-title {
    margin-bottom: 0.25em;
}

#content .post .post-subtitle {
    margin-bottom: 1em;
}

#content .post .post-content {
    margin-bottom: 0.5em;
}

#content .post .post-timestamp {
    float: right;
}

#content .divider {
    position: relative;
    left: 10%;
    margin: 3.5em 0;
    border: 0;
    height: 0.1em;
    width: 80%;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
}

#footer {
    width: 100%;
    clear: left;
    height: 4em;
    background-color: black;
}