body { max-width: 50em; }
body pre { overflow-x: auto; }

div.todo {
    margin: 1pc 4% 0pc 4%;
    padding: 0.5pc 0.5pc 0.5pc 0.5pc;
    background-color: #e0e0ff;
    border: 1px dashed red;
}

div.required .header {
    font-weight: bold;
}

div.challenge .header {
    font-style: italic;
}

div.required {
    background-color: #eeeeff;
}

div.challenge {
    background-color: #ffe0e0;
}

div.question {
    background-color: #e0e0ff;
}

pre.tty {
    font-family: monospace;
    margin: 1pc 4% 0pc 4%;
    padding: 0.5pc 0.5pc 0.5pc 0.5pc;
    border: 1px dashed #99aabb;
    background-color:#f5f5f5
}

blockquote {
    margin: 1pc 4% 0pc 4%;
    padding: 0.5pc 0.5pc 0.5pc 0.5pc;
    border: 1px dashed #99aabb;
    background-color:#f5f5f5
}

span.ttytype {
    color: green;
    font-family: monospace;
    font-weight: bold;
    white-space: nowrap;
}

h1, h2 {
    width: 100%;
    border-bottom: 1px solid #99aabb;
    padding-top: 10px;
}

table.table {
    width: 92%;
    margin: 1pc 4% 0pc 4%;
}

table.table th {
    text-align: left;
    background-color: #f0f0f0;
    border: 1px solid #dcdcdc;
    padding: 4px;
}

table.table td {
    text-align: left;
    border: 1px solid #dcdcdc;
    padding: 4px;
}