/* Comments in code. */
.comment {
    color: purple;
}

/* Highlighted changes in code. */
.highlight {
    background-color: mistyrose;
}

/* Manual input. */
.in {
    color: darkgreen;
    margin-left: 20px;
}

div.in:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-left: 12px solid #727272;
    position: relative;
    left:-16px;
    top:10px;
    float:left;
}

/* Program output. */
.out {
    color: darkblue;
    margin-left: 20px;
}

div.out:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-right: 12px solid #727272;
    position: relative;
    left:-16px;
    top:10px;
    float:left;
}

/* Error output. */
.err {
    color: darkred;
    margin-left: 20px;
    font-style: italic;
    font-weight: bold;
}

/* Explanatory call-out boxes. */
div.box {
    background-color: lightgray;
}

/* Challenge questions. */
div.challenges {}

/* Key points in summary. */
div.keypoints {}

/* Main lesson. */
div.lesson {}

/* Learning objectives. */
div.objectives {}

/* Continuation paragraph. */
p.continue {}