.rubik-dirt-regular {
  font-family: "Rubik Dirt", system-ui;
  font-weight: 400;
  font-style: normal;
}


.question-image {
    max-height: 300px;
    border-radius: 8px;
}

.multiple-choice-option.selected {
    background-color: rgb(102, 209, 255);
    color: rgb(0, 36, 51);
}
.unlocked .multiple-choice-option:hover {
    background-color: rgb(102, 209, 255);
    color: rgb(0, 36, 51);
}

.multiple-choice-option.correct {
    background-color: rgb(0, 209, 178);
    border-color: rgb(0, 209, 178);
    color: white;
}

.multiple-choice-option.selected.incorrect {
    background-color: rgb(255, 102, 133);
    border-color: rgb(255, 102, 133);
    color: white;
}

.picture-option.selected {
    background-color: #007bff;
}
.picture-option.selected.correct {
    border-color: rgb(0, 209, 178);
}
.picture-option.selected.incorrect {
    border-color: rgb(255, 102, 133);
}

.unlocked .picture-option:hover {
    background-color: #007bff;
}

.picture-option {
    border: 6px solid transparent;
    border-radius: 16px;
}
.picture-option .image {
    border-radius: 8px;
    width: 100%;
    max-width: 300px;
    max-height: 400px;
    object-fit: cover;
}

@media (max-width: 768px) {
    .question-image {
        max-width: 150px;
        max-height: 200px;
    }
    .mobile-fit {
        width:97%;
    }
}