body {
    padding: 1em;
}
h1 {
    text-align: center;
}
#testArea {
    padding: 0 1%;
    display: inline-block;
/*    background-color: yellow;*/
}
.inline {
    width: 98%;
    padding: 0 1%;
    display: inline-block;
}
@media (min-width: 20rem) { 
.third {
    width: 30%;
    display: inline-block;
}

.max10 {
    width: 100px;
    padding-right: 2em;
    padding-bottom: 2em;
    display: inline-block;
/*    border: black 1px solid;*/
}
.boxrow {
    width: 100%;
}
.boxleft {
    text-align: center;
    width: 40%;
    display: inline-block;
}
.boxright {
    text-align: right;
    padding-right: 1em;
    width: 40%;
    display: inline-block;
}
.answerbox {
    border-top: 1px solid black;
    text-align: right;
}
.incorrect {
    font-size: 1.2em;
    color: red;
}