ul#index {
    padding-left: 0;
    list-style-type: none;
}

textarea#message {
    height: 10em;
}

.error-text {
    color: red;
}

/* Quiz */

.small-font {
    font-size: smaller;
}

.quiz-dash-container {
    background-color: rgb(95%, 95%, 95%);
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding: 8px 16px;
    border-radius: 8px;
}

.quiz-dash {
    flex-grow: 0;
    flex-shrink: 0;

    background-color: yellow;
    padding: 4px;
    margin: 4px;
    cursor: default;
    border-radius: 4px;
    border: 1px solid black;
}

.quiz-button-container {
    background-color: rgb(95%, 95%, 95%);
    padding: 8px 16px;
    border-radius: 8px;
}

.quiz-word-button {
    background-color: yellow;
    margin: 4px;
    border-radius: 4px;
    border: 1px solid black;
}

.quiz-correct-answer-text {
    color: green;
}

.quiz-wrong-answer-text {
    color: red;
}

.quiz-neutral-answer {
    background-color: initial;
}

.quiz-correct-answer {
    background-color: lightgreen;
}

.quiz-incorrect-answer {
    background-color: lightcoral;
}

.quiz-tiles {
    margin: 48px auto;
    width: max-content;
    display: grid;
    grid-template-columns: repeat(2, 150px);
    gap: 16px;
    box-sizing: border-box;
}

.quiz-tile {
    background-color: #c6e6ef;
    border: 2px solid #8fb1f6;
    cursor: pointer;
    color: #000;
    text-align: center;
    padding: 8px;
}

.quiz-tile-selected {
    color: black;
    border-color: #3d7af5;
    background-color: #0cc0f1;
}

.quiz-tile-matched {
    color: #000;
    border-color: green;
    background-color: #abf0ab;
}

.quiz-tile-inactive {
    color: #a19d9d;
    border-color: #a19d9d;
}

.quiz-tile-error {
    color: black;
    border-color: red;
    background-color: #f4a9a9;
}

.quiz-fill-gaps-container {
    line-height: 2;
}

.markdown-text table {
    border: 1px dashed #000;
    margin: 16px auto;
}

.markdown-text td,
.markdown-text th {
    /* border: 1px dashed #000; */
    padding: 16px;
}

.markdown-text th {
    text-align: center;
}

/* .markdown-text tbody tr:nth-child(odd) {
    background-color: #fff;
}

.markdown-text tbody tr:nth-child(even) {
    background-color: #ccc;
} */

.test-indigo-bg {
    background-color: var(--bs-indigo);
}

.footer-copyright {
    /* text-align: right; */
    font-size: small;
}