body {
    background: #2a2a2a;
}

@media only screen and (max-width: 600px) {
    body .centre {
        margin: 1em 1em;
    }
}

@media only screen and (min-width: 600px) {
    body .centre {
        margin: 1em 5em;
    }
}

@media only screen and (min-width: 768px) {
    body .centre {
        margin: 1em 10em;
    }
}

@media only screen and (min-width: 992px) {
    body .centre {
        margin: 1em 20em;
    }
}

.whitetext {
    color: #fafafa;
}

.postblock {
    margin: 1em;
    padding: 1em;
    background: #474747;
}

.postblock h1 {
    display: inline;
}

.postblock h2 {
    display: inline;
}

.postblock h3 {
    display: inline;
}

a.hidea {
    color: inherit;
    text-decoration: none;
}

a:hover.hidea {
    color: inherit;
    text-decoration: underline;
}

.nav {
    background: #8153a5;
    margin-bottom: 2rem;
}

.nav-content {
    padding-left: 2em;
    padding-right: 2em;
    display: flex;
    flex-direction: row;
    max-width: 100%;
}

.nav-content a {
    padding: 1rem;
}

.nav-content a:hover {
    background: #744a94;
}