body {
    margin: auto;
    background-color: lightgrey;
}

/* * * * * 🔴 HTML ID ELEMENTS 🔴 * * * * */

#gameElement {
    background-color: aqua;

    margin: auto;
    width: 66vw;
}

#screenUI {
    background-color: beige;
    display: flex;
    margin: auto;
    width: 66vw;
}

#numerals {
    background-color: blue;
    width: 5%;




    /* position: absolute;
    margin: auto; */
}

#mapScreen {
    background-color: green;
    width: 61.5%;


}

#characters {
    background-color: red;
    padding-left: 5%;


}

#infoElement {
    background-color: purple;

}

#shotCounter {
    background-color: yellow;
}

#messageBox {
    background-color: orange;
}

#start {
    display: block;
    margin: auto;
    background-color: green;
    color: beige;
    border: ridge 3px darkgrey;
    width: 100px;
    height: 35px
}

.button {
    background-color: greenyellow;
    color: black;
    width: 35px;
    height: 35px;

}



/* * * * * 🔴 FONT 🔴 * * * * */
.stencil {
    font-family: "Stardos Stencil", system-ui;
    font-weight: 400;
    font-style: normal;
}