body {
    font-size: 100%;
}


h1, h2, h3, h4 {
    font-family: 'Garamond', serif;
    line-height: 1.4em;
    margin: 1em 0 0.4em 0;
}
h1 {
    font-size: 1.75em;
    font-weight: 800;
    line-height: 2em;
    margin: 1em 0 0.4em 0;
}
h2 {
    font-size: 1.3em;
    font-weight: 600;
}
h3 {
    font-size: 1.2em;
    font-weight: 500;
}
h4 {
    font-size: 1.1em;
    font-weight: 400;
}


p, li, blockquote, pre {
    font-family: 'Verdana', 'Arial', 'Trebuchet MS', sans-serif;
    /*background-color: #333333;
    color: #d5d5d5;*/
    text-align: left;
    line-height: 1.4em;
    font-size: 0.9em;
    margin-top: 1.4em;
    margin-bottom: 1.4em;
}
blockquote, pre {
    margin: 1.4em;
}
pre.code, span.code {
    font-family: 'Courier New', 'Courier', monospace;
}


a.lesson-read, a.concept-attained {
    text-decoration: line-through;
}