.assess_background {
   background-image: url("../../images/backgrounds/assess_background.jpg");
}

body {
    background-color: #7e7e7e;
}

.bubble {
    border: 10px solid black;
    border-radius: 20px;
    background-color: white;
    color: black;
}
button {
    background-color: transparent ;
    border: none ;

}
.button-row {
    background-color: #7e7e7e ;

}
.correct {
    border: 5px solid green ;
    background-color: lightgreen;
}
.dialog-box-end , .hint_box {
    border: 3px solid black ;
    background-color: white;
}

.dialog7gen {
    border: black 5px solid;
    padding: 5px;
    background-color: white;
}


.incorrect {
    border: 5px dotted red ;
    background-color: lightcoral;
}
#lang , #lang1button , #lang2button {
   background-color: lightgray;
}

#layer2 {
    padding: 0 ;
}
/* level_up styles */
#level_up_img {
    border: 5px solid black;
}

#title_div:has(img) {
    background-color: white;
    border:3px solid black;
}
.orange {
    color: white ;
    background-color: #f6602d;
    font-size: 3em;
    border: 1px solid black ;
}

#title {
    background-color: white;
    border: 5px black solid;
    user-select: none;
}
#title_div {
    background-color: white;
    border-radius: 30px;
    border: 10px solid black;
    text-shadow: 2px 2px lightgrey;
}
#wrapper {
    background-color: #7e7e7e;
    padding: 0 ;
}


/*
MATCHING TERMS STYLES
 */


#scoreboard {
    background-color: #E2D9D1;
    border: 8px solid #724323;
    border-radius: 15px;
}
/*
MOVING TARGETS STYLES
 */

.next {
    background-color: orange;
    color: white;
    border: 5px solid white;
}
.score-bubble {
    border: 10px solid orange;
    border-radius: 20px;
    background-color: white;
    color: black;

}
/*
RUNNER STYLES
 */
#collision-counter {
    background-color: wheat;
}
/* Visual Novel Styles */
.gn-caption-style , .next-col {
    background-color: white;
}

.gn-caption-container-style {
    border: 4px solid black ;

}
#text {
    font-size: .8em ;
}