/* reset */
* {
    padding: 0px;
    margin: 0px;
}

/* hide some pandoc-generated things */
header, figcaption  { 
    display: none; 
}

html {
    padding: 20px;
    font-family: 
        'Helvetica', 
        'Liberation Sans', 
        'Arimo', 
        'Nimbus Sans L', 
        'Arial', 
        sans-serif;
}

body {
    margin: auto;
    max-width: 520px;
    line-height: 1.4;
    background-color: white;
    color: #404040;
    padding-top: 7rem;
    padding-bottom: 7rem;
}

#intro {
    font-style: italic;
    margin-bottom: 1rem;
}

#pic, #pic img { 
    margin-top: -1rem;
    padding-bottom: 3px;
    margin-left: 1rem;
    height: calc(9rem + 3px); 
    text-align: right;
    float: right;
}

h1 {
    font-size: 1.5rem;
    line-height: 1.2em;
    margin-bottom: 1.5rem;
    color: black;
}

h2 {
    font-size: 1.2rem;
    line-height: 1.2em;
    margin-top: 2em;
    margin-bottom: 0.5rem;
    color: black;
}

p, li {
    margin-top: .5rem;
}

em {
    font-style: italic;
}


::selection {
    background-color: #e0eeff;
    color: black;
}


a, a::selection {
    color: #2763a8;
    text-decoration: none;
}

a:hover, a:hover::selection {
    background-color: black;
    color: white;
}

li {
    list-style-type: disc;
}

li ol, li li, ol li, ol ol {
    margin-left: 2rem;
}