html {
    background-color: #ffffff;
}

body {
    background-color: #c2f2c2;
}

a {
    text-decoration: underline;
    color: #000;
}

div,
img {
    outline: none;
}

#back_img {
    left: 0px;
    position: absolute;
}

#site_wrapper {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 1920px;
    height: 1080px;


}

#content_container {

    left: 0px;
    position: absolute;
    top: 0px;
    width: 100%;
    height: 100%;

}

#logo_home {
    width: 14vw;
    height: auto;
    position: fixed;
    left: 2vw;
    top: 2vw;
    cursor:pointer;
}



#quiz {
    background-image: url(../assets/quiz_assets/Tekstvlak-groot.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
    position: absolute;
    left: 354px;
    top: 100px;
    width: 1210px;
    height: 759px;

    /*z-index: 500;*/


}

#quiz_picture {
    position: absolute;
    border-radius: 31px;
}

#quiz_icon,
#quiz_start,
#volgende,
#volgende2,
#prima-button,
#jammer-button {
    position: absolute;
}

.quiz_answer,
#volgende,
#volgende2 {
    cursor: pointer;
}

#quiz_question,
#quiz_intro_header,
#quiz_intro_text,
#quiz_end_text {
    position: absolute;
    color: #000000;
}

.quiz_answer {
    position: absolute;
    border-radius: 15px;
    background-color: #3cd53f;
    color: #000000;
}

.quiz_response {
    position: absolute;
}

.vinkje {
    background-image: url(../assets/quiz_assets/Vinkje.svg);
    background-repeat: no-repeat;
    background-size: 70%;
    background-position: left center;
}

.kruisje {
    background-image: url(../assets/quiz_assets/kruisje.svg);
    background-repeat: no-repeat;
    background-size: 50%;
    background-position: left center;
}

.quiz_answer.gekozen {
    background-color: #1d4a2f;
    color: #ffffff;
}

.quiz_answer.goed {
    background-color: #1d4a2f;
    color: #ffffff;
    position: absolute;
}

.quiz_answer.fout {
    background-color: #ffb800;
    color: #000000;
}


#quiz_einde_keuze_tekst {
    position: absolute;
    color: #000000;
    text-align: center;
}

#quiz_einde_title,
#quiz_naar_certificaat_title {
    position: absolute;
    color: #000000;
}

#quiz_einde_tekst,
#quiz_naar_certificaat_tekst,
#quiz_certificaat_naam {
    position: absolute;
    color: #000000;
    text-align: left;
}

#quiz_einde_tekst a,
#quiz_naar_certificaat_tekst a {
    color: #1a4880;
}

#quiz_einde_keuzes {
    position: absolute;
    text-align: center;
}

.keuze_btn {
    float: left;
}