---
---

@font-face
    font-family: ComicSans
    src: url('/css/comic.ttf')

*
    margin: 0
    padding: 0

html,
body
    font-family: Verdana, Arial, sans-serif
    color: #FFFFFF
    background: black
    line-height: 1.5em

h1,
h2,
h3
    font-family: ComicSans
    line-height: 1em
    height: 1em
    vertical-align: middle

h1
    text-align: center
    background: linear-gradient(90deg, #FF0000, #00FF00 50%, #0000FF)
    -webkit-background-clip: text
    -webkit-text-fill-color: transparent
    -webkit-text-stroke: 2px #FFFFFF
    paint-order: stroke fill
    font-size: 8em
    margin-left: 1.3em

h2
    font-size: 3em

h3
    font-size: 2em
    margin-top: 1em


#content
    margin: 20px 0 0 11em

    a
        text-decoration: underline

        &:link
            color: #FFFFFF

        &:visited
            color: #CCCCCC

        &:hover,
        &:active,
        &:focus
            color: #FF4400

nav
    float: left
    width: 10em
    margin-top: 100px

    a
        display: block
        border: 5px outset #AAAAAA;
        background-color: #CCCCCC;
        margin: 10px
        padding: 2px 5px
        text-decoration: none
        color: #000000
        text-align: right

        &.current-page
            border-style: inset
            font-weight: bolder

        &:hover,
        &:active,
        &:focus
            border-style: inset


p
    margin-bottom: 1em

footer
    clear: both
    margin: 20px 10px
    border-top: 1px solid #FFFFFF
    text-align: center
    padding: 2px

    a
        color: #FFFFFF

        &:hover,
        &:active,
        &:focus
            color: #FF4400

#skip-to-content
    visibility: hidden

ul
    margin: 1em 0 0 0
    padding: 0 0 0 1em

.post-metadata
    margin: 0.5em 0
    color: #999999
    font-size: 0.9em