body {
    color: black;
}

.choice-container {
    display: flex;
    margin-bottom: 0.7rem;
    width: 100%;
    border-radius: 9px;
    background: rgb(161, 161, 209);
    font-size: 1.2rem;
    min-width: 20rem;
    
}

.choice-container:hover {
    cursor: pointer;
    box-shadow: black;
    transform: scale(1.02);
    transform: transform 100ms;
}

.choice-prefix {
    padding: 1rem 2rem;
    color: rgb(6, 99, 249);
}

.choice-text {
    padding-right: 2cm;
    padding-top: 1rem;
    width: 15%;
    font-size: 19px;
    display: flex;
}

.correct {
    background: green;
}

.incorrect {
    background: red;
}

/* Heads up Display */
#hud {
    display: flex;
}

.hud-item {
    font-size: 1.2rem;
    margin-bottom: 0cm;
    margin-top: 0cm;
    padding-top: 0.1px;

}
#progressText {
    text-align: center;
    margin-right: 7.8rem;
}

.hud-main-text  {
    text-align: center;
    margin-right: 4px;
}

#progressBar {
    width: 9rem;
    height: 2rem;
    border: 0.2rem solid rgb(108, 108, 159);
    margin-top: 0.5rem;
    border-radius: 20px;
    overflow: hidden;
}

#progressBarFull {
    height: 100%;
    background: rgb(31, 249, 38);
    width: 0%;
}


#question {
    font-size: 170%;
    margin-bottom: 2cm;
    margin-top: 0cm;
    text-align: center;
 }