.dquiz_question {
    display: block;
    height: 20%;
    width: 100%;
    font-size: 7em;
    background-color: rgb(206, 170, 236);
    border-radius: 20px;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    text-align: center;
    display: flex;
    justify-content: center; /* align horizontal */
    align-items: center; /* align vertical */
}
.dquiz_answers {
    display: flex;
    height: calc(80% - 20px);
    width: 100%;
    font-size: 4em;
    /* background-color: blue; */
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 30px 20px;
    justify-content: space-evenly;
    margin-top: 20px;
}


.dquiz_answer {
    border: 20px solid green;
    background-color: white;
    border-radius: 40px;
    font-size: 1.5em;
    padding: 20px;
    width: 40%;
    display: flex;
    justify-content: center; /* align horizontal */
    align-items: center; /* align vertical */
    text-align: center;
}

.dquiz_answers .dquiz_answer.correct {
    background-color: green;
}
.dquiz_answers .dquiz_answer.incorrect {
    background-color: red;
    color: white;
    border-color: red;
}


.dquiz_results {
    background-color: white;
    display: none;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0px;
    outline: 20px solid #F00;
    border-radius: 60px;
}
.dquiz_results .yeah{
    font-size: 150px;
    display: block;
    position: absolute;
    width: 90%;
    left: 5%;
    /* height: 200px; */
    top: 10%;
    text-align: center;
    background-color: greenyellow;
    border-radius: 50px;
    text-align: center;

}
.dquiz_results .correct{
    font-size: 150px;
    display: block;
    position: absolute;
    width: 100%;
    height: 200px;
    top: 40%;
    text-align: center;
}
.dquiz_results .correct_no{
    font-size: 200px;
    display: block;
    position: absolute;
    width: 100%;
    height: 200px;
    top: 50%;
    text-align: center;
}
.dquiz_results .incorrect{
    font-size: 150px;
    display: block;
    position: absolute;
    width: 100%;
    height: 200px;
    top: 70%;
    text-align: center;
}
.dquiz_results .incorrect_no{
    font-size: 200px;
    display: block;
    position: absolute;
    width: 100%;
    height: 200px;
    top: 80%;
    text-align: center;
}