html,body {
    margin: 0;
    padding: 0;
    min-height: 100vh;
    background: #000;
    color: #e427f5;
    font-family: "Courier New",Courier,monospace;
    font-size: 1em;
    display: flex;
    flex-direction: column;
    align-items: center
}

.post {
    background: #111;
    padding: 2em;
    margin: 2em 0;
    border-radius: .5em;
    width: 90%;
    max-width: 45em;
    box-shadow: 0 0 1em rgba(255,255,255,0.1)
}

h1,h2,h3,p,.entry,.meta {
    text-align: center;
    margin: .5em 0
}

h1,h2,h3 {
    color: #e427f5
}

p {
    line-height: 1.5
}

a {
    color: #f6f;
    font-weight: bold;
    text-decoration: none
}

a:hover {
    text-decoration: underline
}

pre {
    background: #242;
    color: #9e9;
    border: 1px dashed #9e9;
    padding: 1em;
    overflow-x: auto;
    font-size: .9em;
    margin: 1em auto;
    text-align: left;
    max-width: 100%;
    box-sizing: border-box
}

.meta,.date {
    font-size: .8em;
    color: #8c0798;
    margin-top: 1em
}

.footer {
    font-size: .75em;
    color: #555;
    margin-top: auto;
    padding: 1em;
    text-align: center;
    width: 100%
}

.entry {
    margin: .75em 0;
    font-size: .95em
}

.entry a {
    color: #f6f
}

body {
    min-height: 100vh;
    display: flex;
    flex-direction: column
}