body{
    --game--Screen--Color : rgb(229,227,211);
    width: 100vw;
    height: 100vh;
    background-color: rgb(234, 231, 207);
    display: flex;
    justify-content: center;
    align-items: center;
    overflow-y: auto;
    overflow-x: auto;
    background-color: rgb(246 243 221);
    background-image: url("/UltimatePlatformRunner/src/bg/project-paper.png");
/* This is mostly intended for prototyping; please download the pattern and re-host for production environments. Thank you! */
}

.gameContainer{
    position: relative;
    border: 5px solid #333;
}

.gameContainer #gameBg{
    position: absolute;
    top: -9px;
    left: -10px;
    width: 420px;
    height: 714px;
    z-index: -3;
}

#gameCanvas{
    position: relative;
    z-index: 2;
}

#scoreBoard{
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0px;
    width: 100%;
    height: 100%;
    font-size: 314px;
    background-color: var(--game--Screen--Color);
    color: rgb(255 255 255 / 42%);
    display: flex;
    justify-content: center;
    align-items: flex-end;
    overflow: hidden;
}