body {
    max-width: 780px;
}
a.correct span, span.correct {
    border-bottom: .1em solid #2ECC40;
}
a.incorrect span, span.incorrect {
    border-bottom: .1em solid #FF4136;
}
.any span {
    border-bottom: .1em solid #0074D9;
}
figure, form {
    border: .2em solid #000;
    border-radius: 1em .5em .5em 1em;
    overflow: hidden;
    margin: 0;
}
blockquote, figcaption, textarea, button {
    display: block;
    margin: 0;
    padding: .5em 1em;
    border: 0;
    border-left: 1.5em solid #0074D9;
}
figure.correct figcaption, figure.correct blockquote {
    border-left-color: #2ECC40;
}
figure.incorrect figcaption, figure.incorrect blockquote {
    border-left-color: #FF4136;
}
ul {
    list-style: none;
    columns: 3;
    column-gap: 10px;
    margin: 0;
    padding: 0;
}
ul a, ul a:link, ul a:visited {
    border: .2em solid #000;
    padding: .5em;
    border-radius: .5em;
    overflow: hidden;
    margin: 0;
    display: block;
    text-align: center;
    color: #000;
    text-decoration: none;
}
ul a:link:focus, ul a:link:hover, ul a:visited:focus, ul a:visited:hover {
    color: #000;
    background-color: #0074D9;
}
ul a.correct:link:focus, ul a.correct:link:hover, ul a.correct:visited:focus, ul a.correct:visited:hover {
    color: #000;
    background-color: #2ECC40;
}
ul a.incorrect:link:focus, ul a.incorrect:link:hover, ul a.incorrect:visited:focus, ul a.incorrect:visited:hover {
    color: #000;
    background-color: #FF4136;
}
textarea {
    font-family: inherit;
    font-size: inherit;
    width: 100%;
}
textarea:focus, button:focus {
    outline: 0px;
    background-color: #FFDC00;
}