body, html {
    height: 100vh;
    width:100vw;
    padding: 0;
    margin: 0;
}

* {
    scroll-behavior: smooth
}

.board {
    background-image: url('/assets/img/monopoly board.jpg');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    height: 100vh;
    width: 100vh;
    margin: auto;
    transition: all .5s ease-in-out
}
.board tr td:first-child, .board tr td:last-child  {
    width: 13.5%;
}
.board tr:first-child , .board tr:last-child {
    height: 13.5%;
}
.board tr td:not(:first-child):not(:last-child):not(.center){
    width: calc(73% / 9)
}
.board tr:not(:first-child):not(:last-child) td:not(.center){
    height: calc(73% / 9);
}

.board td {
    align-items: center;
    text-align: center
}

.players-pick {
    display: flex;
}

.card {
    padding: 1em;
    display: flex;
    flex-direction: column;
    border-radius: 6px;
    background: #fff;
    box-shadow: 0 0 50px #ddd;
    margin: 1em
}

img {
    object-fit: cover
}

td {
    overflow: hidden;
}

#_console{
    overflow-x:hidden;
    overflow: auto;
    max-height: 35vh;
}

#_activePlayers {
    overflow-x:hidden;
    max-height: 35vh;
    overflow: auto;
}