.bc-flexbox{ /* 1D display, so we flex*/
    display: flex;
    flex-flow: column;
}

.base-count-table{
    border: gold 2px inset;
    background-color: #A0896640
}
.bc-header{
    display: inline-grid;
    min-width: 98vw;
    grid-template-columns: 3fr repeat(11, minmax(0, 1fr));
    text-align: center;
    font-size: 1.5rem;
}

.bc-header > div{
    border-left: black 1px solid;
    border-bottom: #b8860b 1px solid ;
    align-content: center;
}

.townsfolk{
    background: url("/images/good.png") #009dcd80;
    background-blend-mode: multiply;
}

.outsiders{
    background: url("/images/good.png") #00419580;
    background-blend-mode: multiply;
}

.minions{
    background: url("/images/evil.png") #4d060780;
    background-blend-mode: multiply;

}

.demons{
    background: url("/images/evil.png") #b5161b80;
    background-blend-mode: multiply;
}

div.currentPlayers{
    border-left: goldenrod 3px outset;
    border-right: goldenrod 4px outset;
    font-size: 2.5rem;
    font-weight: bolder;
    background-color: #36143780;
}
div.currentPlayers div:first-of-type{
    border-top: gold 3px outset;
}
div.currentPlayers div:last-of-type{
    border-bottom: gold 4px outset;
}