body {
    overflow: hidden;
    background-color: #D4C2FC;
    color: #28262C;
}

#container {
    width: 80dvw;
    max-width:  fit-content;
    margin: 0 auto;
    display: block;
}

#titlecard {
    text-align: center;
}

#game {
    display: block;
    width: 80dvw;
    height: 100%;
    border: 5px solid black;

}

#gamemap {
    display: grid;
    grid-template-columns: 6fr 4fr;
    grid-template-rows: auto;

    background-color: #998FC7;
}

#googleMap {
    display: block;
    height: 100%;
    width: 100%;
    border: 1px solid black;

}

#grid {
    display: grid;
    grid-template-columns: 10dvw 5dvw 20dvw 20dvw auto;
    grid-template-rows: auto;
    background-color: #F9F5FF;


}

canvas {
    width: 100%;
    height: 100%;
    border: 2px solid #14248A;

}