/* CSS RESET */
   
    html, body, div, span, applet, object, iframe,
    h1, h2, h3, h4, h5, h6, p, blockquote, pre,
    a, abbr, acronym, address, big, cite, code,
    del, dfn, em, img, ins, kbd, q, s, samp,
    small, strike, strong, sub, sup, tt, var,
    b, u, i, center,
    dl, dt, dd, ol, ul, li,
    fieldset, form, label, legend,
    table, caption, tbody, tfoot, thead, tr, th, td,
    article, aside, canvas, details, embed, 
    figure, figcaption, footer, header, hgroup, 
    menu, nav, output, ruby, section, summary,
    time, mark, audio, video {
        margin: 0;
        padding: 0;
        border: 0;
        font-size: 100%;
        font: inherit;
        vertical-align: baseline;
    }
    /* HTML5 display-role reset for older browsers */
    article, aside, details, figcaption, figure, 
    footer, header, hgroup, menu, nav, section {
        display: block;
    }
    body {
        line-height: 1;
    }
    ol, ul {
        list-style: none;
    }
    blockquote, q {
        quotes: none;
    }
    blockquote:before, blockquote:after,
    q:before, q:after {
        content: '';
        content: none;
    }
    table {
        border-collapse: collapse;
        border-spacing: 0;
    }

/* SITE CSS */

/* Structure */
body{
    background-color: #ddd;
    font-family: 'Vollkorn', serif;
    line-height: 120%;
    font-size: 16px;
}

#wrap{
    display: block;
    max-width: 640px;
    width: 90vw;
    margin:1% auto;
    padding: 2em;
    background-color: #fff;
    border-radius: 0.5em;
    box-shadow: #888 3px 3px 8px;
}

/* Typography */

strong{
    font-weight: 800;
}

p,ul,ol{
    margin:0.5em auto;
}

h1,h2,h3{
    letter-spacing: -1px;
}

h1{
    font-size: 3.6em;
    margin: 0.5em 0 1em 0;
}

h2{
    font-size: 2.1em;
    margin: 1.7em 0 1em 0;
}

a,a:link,a:visited,a:focus{
    color: crimson;
    text-decoration: none;
    border-bottom: rgba(220, 20, 60, 0.253) 1px dotted;
    transition-duration: 800ms;
}

a:hover{
    color: rgb(5, 70, 100);
    border-bottom: rgba(5, 70, 100, 0.253) 1px dotted;
    transition-duration: 800ms;
}

p.intro{
    margin:0 0 2em 0;
    font-size: 1.3em;
    line-height: 120%;
    font-style: italic;
}

ul li{
    list-style:square inside;
    padding:0 0 0 1.5em;
}

main p{
    margin:1em 1.5em;
}