:root {
    --caption-num-of-lines: 3.8;
    --caption-font-size: 1.2em;
    --caption-line-height: 1.8em;
    --caption-height: calc(var(--caption-num-of-lines) * var(--caption-line-height));
    --screen-width: 1024px;
    --screen-height: 576px;
}

.assess_background {
    background-image: url("images/assess_back.jpg");
}
body {
    background-color: lightblue;
}
.bubble {
    border: 5px solid black;
    background-color: white;
    color: black;
}
.button-row {
    background-color: black ;
    border: 1px solid black ;
    color: white ;
}
.button_style {
    background-color: blue ;
}
.correct {
    background-color: #A6EC99;
    border: 2px solid green ;
}
/* STYLE FOR DIALOG BOX AT END OF ASSESSMENT */
.dialog-box-end , .hint_box {
    border: 5px solid black ;
    background-color: white;
}

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

}
.okbutton7gen {
  background-color: blue;
    color: white ;
    border: 2px solid black;
}



.incorrect {
    border: 2px dotted red ;
    background-color: #E18683;
}

#layer1 {
    background-color: antiquewhite;
    height: calc(100% - 50px);
}
#level_up_img {
    border: 5px solid  black;
}
#NewPlayer {
    background-color: green;
    color: white ;
    font-size: 1.25em;
    border-radius: 30px ;
    border: 4px solid brown ;
}
#score {
    background-color: white;
    border: 1px solid black ;
    padding: 3px ;
}

#title {
   color: white;
    border: 5px black solid;
    user-select: none;
    background-color: deepskyblue;
}
#title_div {
    background-color: #E2D9D1;
    border-radius: 30px;
    border: 10px solid black;
    text-shadow: 2px 2px lightgrey;
}
#wp_title {
    color: white;
}
#wrapper {
    padding: 0 ;
}
/*
LIGHTS OUT STYLES
*/
#game-grid {
    color: white;
}

 /*
MATCHING TERMS STYLES
 */


#scoreboard {
    background-color: #E2D9D1;
    border: 8px solid #724323;
    border-radius: 15px;
}
/*
Memory Game Style
 */

/*
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 {
    color: white;
}

/* Visual Novel Styles */

#gn-caption-container {
    width: 100% ;
    background-color: white ;
}
.b-main {

    margin-top: 5px;        /* Remove any default margins */
    padding: 0;       /* Remove any default padding */
    border: none ;
}
#main {
    width: 1024px;      /* Set the width to 100% of the container */
    /*left: -10px;*/
}