body {
        margin: 1em auto;
        max-width: 30em;
        font-family: sans-serif;
        color: #4d4d4d;
        background-color: #eeeeee;
}

a:link, a:visited, a:active, a:hover {
        color: #6699cc;
        text-decoration: none;
}

button {
        padding: 1em;
        background: #66cccc;
        border: thin solid #66cccc;
        border-radius: 0.5em;
        color: #4d4d4d;
}

nav {
        padding: 0px;
        margin: 16px;
        background: #eeeeee;
        border: none;
        border-radius: 0.5em;
}

article {
        padding: 16px;
        margin: 16px;
        background: #ffffff;
        border: thin solid #ffffff;
        border-radius: 1em;
}

aside,
footer {
        padding: 16px;
        margin: 16px;
        background: #ffffff;
        border: thin solid #ffffff;
        border-radius: 1em;
}

img.example {
        width: 100%;
        height: auto;
        margin-bottom: 8px;
}

img.badge {
        width: auto;
        height: 2.5em;
        margin-bottom: 8px;
}