/* Body and Div styling needed so that there is not an offset with the actors
and walls - May fix to look prettier later! */
body {
    margin-left: 0px;
}

.game {
    margin-left: 0px;
    width: 600px;
    /* overflow-x: hidden; */
}

/* Need to add a shift for the top margin, too! */

.background {
    background: rgb(52, 166, 251);
    /* different transition style? */
    transition: background 1s ease;
    table-layout: fixed;
    border-spacing: 0;
}

.background.active {
    
}

.background td {
    padding: 0;
}

.lava {
    background: rgb(255, 100, 100);
}

.wall {
    background: white;
}

.actor {
    position: absolute;
}

.coin {
    background: rgb(241, 229, 89);
}

.monster {
    background: green;
}

.player {
    background: rgb(64, 64, 64);
}

.lost .player {
    background: rgb(160, 64, 64)
}

.won .player {
    box-shadow: -4px -7px 8px white, 4px -7px 8px white;
}