#test-result {
    background-color: #fff;
    display: none;
}

#test-result .bubble-background {
    border: 0.3rem solid #000;
    border-radius: 2rem;
    margin: 3rem auto;
    position: relative;
    width: 85vw;
}

#test-result .bubble-background>div {
    padding: 3rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAugAAAKGCAMAAAAvep6IAAADAFBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8HPQsIAAAA/3RSTlMAAQIDBAUGBwgJCgsMDQ4PEBESExQVFhcYGRobHB0eHyAhIiMkJSYnKCkqKywtLi8wMTIzNDU2Nzg5Ojs8PT4/QEFCQ0RFRkdISUpLTE1O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) no-repeat;
    background-position: 50%;
    background-size: 90rem;
}

#test-result .bubble-background>div .close-button {
    position: absolute;
    right: 3rem;
    top: 2rem;
    transition: .2s ease-in-out;
    display: block;
    margin: auto;
}

#test-result .bubble-background>div h2, #test-result .bubble-background>div h3 {
    display: inherit;
    text-align: center;
}

#test-result .bubble-background>div .instruction {
    margin: 1rem auto 3rem;
    max-width: 55%;
}

#test-result .bubble-background>div .score {
    font-size: 5rem;
    line-height: 5rem;
    margin-bottom: 3rem;
    text-align: center;
    font-weight: 700;
}

#test-result .bubble-background>div .commentary {
    align-items: center;
    background-color: #f3f3f3;
    border-radius: 2rem;
    color: #ea5504;
    display: flex;
    font-size: 5rem;
    font-weight: 700;
    justify-content: center;
    margin: 0 auto 3rem;
    max-width: 70%;
    min-height: 250px;
    padding: 1rem;
    text-align: center;
}

#test-result .heading--2 {
    font-size: 2.5rem;
    font-weight: 700;
    color: var(--brightorange);
}

#test-result .heading--3 {
    font-size: 1.5rem;
    font-weight: 700;
}

@media (max-width: 1023px) {
    #test-result .bubble-background>div .commentary {
        font-size: 3rem;
        margin: 0 auto 1rem;
        max-width: 95%;
        min-height: 250px;
    }
    #test-result .bubble-background>div .instruction {
        max-width: 80%;
    }
}