@media screen and (min-width: 511px) {
    div.is-narrowform {
        max-width: 512px;
    }
}

.is-answer { border-color:#933; background-color: #ffeeee;}
.is-public {
    border-color: #393;
    background-color: #eeffee;
}

.label-left { text-align:left}

table.no-border td { border:none;}

.teamAnswers td {
    font-size: smaller
}

.correctAnswer {
    color: #090;
}

.wrongAnswer {
    color: #900;
}

.inline-list { display:inline;}


/* to override BULMA styling to make the image crop work*/
div.crop img {
    max-width: none;
}