#check, #akey {
    margin: -8px auto;
    font-weight: bold;
    text-align: center;
    max-width: 80%;
}

#akey {
    margin: 12px auto;

    em {
        background: white;
        transition: background 0.2s ease;
        &:hover { background: none; }
    }
}

footer {
    height: 36px;
    font-weight: bold;
    font-size: 24px;

    display: flex;
    justify-content: space-between;
    padding: 20px 32px 0;
}

#question-number {
    margin-right: 24px;
}

#set-ceil {
    width: fit-content;
    margin: 0 auto;
}

#set-ceil-label {
    margin: 0 auto -26px;
    text-align: center;
    display:none;
}

#show-answers, label[for="show-answers"] {
    display: none;
}

#answer-text, #answer-number, #qlist-set-ceil, .answer-namesome {
    font-size: 18px;
    border: 4px solid #0e1c3b;
    border-radius: 8px;
    padding: 4px 8px;
    min-width: 260px;
    max-width: 60%;
    width: 100%;
    margin: 32px auto 12px;
    display: none;
}

#answer-number,  #qlist-set-ceil {
    width: 128px;
    min-width: 128px;
}

.answer-namesome:not(#answer-namesome-1) {
    margin-top: -10px;
}

#answer-number:focus,  #qlist-set-ceil:focus, #answer-text:focus, .answer-namesome:focus {
    outline: none;
    border-color: #4862a0;
}

/* Results */
#results {
    text-align: center;
    display: none;


    #failed-questions {
        display: none;

        #failed-questions-list {
            background: white;
            border-radius: 8px;
            padding: 16px;

            min-height: 72px;
            height: 100%;
            max-height: 32vh;
            overflow-y: auto;
            scroll-behavior: smooth;

            .failed-question {
                span {
                    display: block;
                    width: 100%;
                    font-weight: bold;
                    text-align: left;
                }

                .q {
                    font-size: 18px;
                    color: #203A70;
                }

                .a {
                    font-size: 16px;
                    color: #4862a0;
                }

                .c {
                    font-size: 16px;
                    color: #cb9723;
                }

                &:first-child {
                    padding-top: 2px;
                }

                &:last-child {
                    padding-bottom: 2px;
                    border-bottom: none;
                }

                padding: 12px;
                border-bottom: 1px solid #4862a0;
            }

        }
    }


    #congratulations {
        display: none;
    }
}