body {
    background: #000 url(images/bg.png) fixed;
    color: #EEE;
    font-family: 'Oxygen Mono', monospace;
}
a {
    color: #80C;
}
a:hover {
    color: #C80;
    text-decoration: none;
}
h1, h2, h3, h4, h5 {
    font-family: Bungee, Sans-Serif;
}
.big {
    color: #EEE;
    font-size: 4em;
    text-shadow: 0 15px #305;
    margin-bottom: 0;
}
@media (min-width: 576px) {
    .big {
        font-size: 6em;
    }
}
.cover {
    background: #FFF;
}
.download {
    background: #305;
    border-top: 4px solid #508;
    border-left: 4px solid #508;
    border-right: 4px solid #102;
    border-bottom: 4px solid #102;
    color: #FFF;
    font-family: Bungee, Sans-Serif;
    margin-top: 1.6em;
}
.download:hover {
    background: #C80;
    border-top: 4px solid #FA0;
    border-left: 4px solid #FA0;
    border-right: 4px solid #850;
    border-bottom: 4px solid #850;
    color: #EEE;
}
.row {
    align-items: center;
    background: #000;
    border: 1px solid #333;
    margin: 2.8em auto;
}
@media (min-width: 576px) {
    .row {
        border: 1px solid #151515;
    }
}
.reading-pane {
    height: 100vh;
    margin: 1.4em auto;
    width: 100%;
}