h1#correct {
                font-size: 21px;
                padding-left: 10px;
            }

            h1#wrong {
                font-size: 21px;
                padding-left: 10px;
            }

            /* custom radio button, without <input> */
            .radio {
                width: 22px;
                height: 22px;
                border-radius: 50%;
                border: 1px #AAA solid;
                float: left;
                margin: 0px 15px 5px 10px;
            }

            /* one answer div-container */
            .answer {
                clear: both;
                margin-bottom: 16px;
                position: relative;
                overflow: hidden;
            }

            /* margin between answers */
            .answer:not(:first-child) {
                margin-top: 15px;
            }

            /* invisible border to compensate height and width of the green/red circles */
            .answer.correct .radio, .answer.wrong .radio {
                border: 1px rgba(0,0,0,0) solid;
            }

            /* correct/green answer */
            .answer.correct .radio {
                background: #548818;
            }

            .answer.correct .radio:after {
                content: '✔';
                text-align: center;
                font-size: 13px;
                position: relative;
                left: 6px;
                top: 3px;
            }

            /* wrong/red answer */
            .answer.wrong .radio {
                background: #CF3434;
            }

            .answer.wrong .radio:after {
                content: '×';
                position: absolute;
                font-size: 22px;
                position: relative;
                left: 5px;
            }

            /* answer text, compensate for Y offset in radio button placement */
            .answer .title {
                font-size: 18px;
                font-weight: 100;
                position: relative;
                top: 3px;
            }

            /* unselected answers are drawn with gray font, but stay white when selected */
            .answer .title { color #999; }
            #answers.answered .answer.correct .title, #answers.answered .answer.wrong .title { color: white; }
            #answers:not(.answered) .answer .title { color: white; }