@font-face {
    font-family: 'Liberation Monospace';
    font-style: normal;
    font-weight: normal;
    src: local('Liberation Monospace'), url('https://fonts.cdnfonts.com/s/276/LiberationMono-Regular.woff') format('woff');
}

@font-face {
    font-family: 'Liberation Monospace';
    font-style: normal;
    font-weight: bold;
    src: local('Liberation Monospace'), url('https://fonts.cdnfonts.com/s/276/LiberationMono-Bold.woff') format('woff');
}

body {
        margin: auto;
        padding: .5em;
        max-width: 1024px;
        font-family: 'Liberation Monospace', 'Courier New', monospace, sans-serif;
        color: #fb5;
        background: #111;
        word-wrap: break-word;
}

a {
        text-decoration: none;
        color: #f70;
        font-weight: bold;
        padding-right: 0.25em;
}

        a:hover {
                color: #f20;
        }

hr {
        border-color: #fb5;
}

h1 {
        font-size:1.6rem;
        text-transform: uppercase;
        letter-spacing:-.75px;
        color: #fb5;
        padding-top:.5rem;
}

code > span.fl {
 color: #008000;
}

input[type="text"],
textarea {
        background-color: #333;
        color: darkorange;
}

blockquote {
    border-left: 2px solid #fb5;
    background-color: rgba(255, 187, 85, 5%);
    padding: 0.5em;
}

pre {
    background-color: #333;
    color: #fb5;
    padding: 1em;
    border: 1px solid #fb5;
    border-radius: 0.25em;
}