/*
div {
    border: 3px solid red;
}
*/

/* lay out the player page as table like */
#player_boxes {
    content: "";
    display: table;
    clear: both;
}

/* Player high-level info div */
#player_div {
    width: 40%;
    height: 100%;
    overflow: scroll;
    padding: 5px;
    float: left;
    position: relative;
}

/* Pie chart of player win types */
#player_win_types_div {
    height: 30%;
    padding: 5px;
    overflow: scroll;
}

/* line graph of player elo */
#player_elo_div {
    height: 30%;
    padding: 5px;
    overflow: scroll;
}

/* graphs div */
#player_graphs_div {
    /* width: 40%; */
    height: 100%;
    padding: 5px;
    /* float: right; */
    /* position: relative; */
}

/* graph of the deck ELOs over time */
#deck_elos_div {
    width: 100%;
    padding: 5px;
}