#header {
    display: flex;
    max-width: 600px;
}

#header>div {
    flex: 1;
    padding: 10px;
    border: 2px solid grey;
}

.state_row_header {
    white-space: nowrap;
    text-align: right;
}

.points {
    text-align: center;
}

#wrapper {
    display: grid;
    grid-template-columns: 1fr 250px;
    grid-template-rows: 1fr;
    grid-gap: 10px;
}

.card_display {
    width: 82px;
    height: 150px;
}

#points_summary_row {
    border-top: 1px solid black;
}

table {
    border-collapse: collapse;
}