html
{
    font-family: 'calluna', 'DejaVu Serif', 'Bitstream Vera Serif', 'Century Schoolbook L', 'Lucida Bright', Constantia, Georgia, serif;
    font-size: 16px;
    line-height: 24px;
    line-height: 1.5rem;

    overflow-y: scroll;

    color: #000;

    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-variant-ligatures: common-ligatures discretionary-ligatures;
            font-variant-ligatures: common-ligatures discretionary-ligatures;
    -webkit-font-feature-settings: 'liga' 1, 'dlig' 1;
            font-feature-settings: 'liga' 1, 'dlig' 1;
}

body
{
    margin: 16px;
    margin: 1rem;

    background-color: #f4f0f7;
}

#wrapper
{
    max-width: 960px;
    max-width: 60rem;
    margin-right: auto;
    margin-left: auto;
    padding: 10px;

    background-color: #fff;
}

@media only screen and (min-width: 49em)
{
    #wrapper
    {
        padding: 30px;
    }
}

/*

## Links

*/
a:link,
a:visited,
a:hover
{
    -webkit-transition: all .3s ease;
            transition: all .3s ease;
    text-decoration: none;

    border-bottom: 1px dotted;
}
a:focus,
a:active
{
    -webkit-transition: none;
            transition: none;
    text-decoration: none;

    border: none;
    outline: 1px solid;
}
/*

## Headings

*/
h1,
h2,
h3,
h4,
h5,
.h5
{
    font-family: 'Nimbus Sans L', Optima, Segoe, 'Segoe UI', Calibri, Arial, sans-serif;

    margin: 0;
    padding: 0;
}

h1
{
    font-size: 1.25rem;
    font-weight: bold;
}
h2
{
    font-size: 1.125rem;
    font-weight: bold;
}
h3
{
    font-size: 1rem;
    font-weight: bold;
}
h4
{
    font-size: 1rem;
    font-style: italic;
}
h5
{
    font-size: 1rem;
    font-style: normal;
}
/*

## Content elements

*/
p,
dl,
dt,
dd
{
    margin: 0;
    padding: 0;
}

p
{
    margin-top: 1rem;
    margin-bottom: .25rem;
}

li p
{
    font-weight: bold;
}

ol,
ul
{
    list-style: none outside none;
}

ul
{
    margin: 0 8px 8px 8px;
    margin: 0 .5rem .5rem .5rem;
    padding: 0;
}

ul ul
{
    margin-left: 1rem;
}

@media only screen and (min-width: 49em)
{
    ul
    {
        margin-left: 2rem;
    }

    ul ul
    {
        margin-left: 1.5rem;
    }
}


ol
{
    margin: 0 .5rem .5rem 2.5rem;
    padding: 0;
}

li
{
    margin-bottom: .5rem;
}

li li
{
    margin-left: 1rem;

    text-indent: -1.5rem;
}

.task-list
{
    list-style-type: none !important;
}


blockquote,
q
{
    quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after
{
    content: '';
    content: none;
}
b,
strong
{
    font-weight: bold;
}
cite,
i,
em
{
    font-style: italic;
}
cite cite,
i cite,
em cite,
cite i,
i i,
em i,
cite em,
i em,
em em
{
    font-style: normal;
}

sub,
sup
{
    font-size: 70%;
    line-height: 0;

    position: relative;

    vertical-align: baseline;

    font-variant-numeric: lining-nums;
    -webkit-font-feature-settings: 'lnum' 1;
            font-feature-settings: 'lnum' 1;
}

sup
{
    top: -.4em;
}
sub
{
    bottom: -.25em;
}

address
{
    margin: 0 8px 8px;
    margin: 0 .5rem .5rem;
}

hr {
    border: 0;
    height: 1px;
    background: #333;
    background-image: linear-gradient(to right, #ccc, #333, #ccc);
}


.underline
{
    text-decoration: underline;#000
}
del
{
    text-decoration: line-through red solid;
}