.jumbo-underlay {
    background-image: url(/media/jumbo_2k_steppe.jpg);
    background-size: cover;
}
.jumbotron {
    background: linear-gradient(-40deg,rgba(20,20,20,.9),rgba(100,100,100,.8)) !important;
}

.bubble-wrapper {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}
.floating-bubble {
    flex-basis:17rem;
    flex-grow:1;
    margin:1rem;
    max-width: 20rem;
}

.fact-table td:nth-child(1){
    color: grey;
}

table.elo-performance-table, table.elo-change-table {
    min-width: 80%;
}
table.elo-performance-table td, table.elo-change-table td {
    padding: 0.2rem 0.2rem 0.2rem 0.2rem;
}

.match-table {
}
.match-table td {
    vertical-align: middle;
}
.match-table tr:nth-last-of-type(2n) td {
    background: #f3f3f3;
}
.match-table tr:nth-last-of-type(2n + 1) td {
    background: #fafafa;
}
.match-table .score {
    font-size: 1.5rem;
    font-family: monospace;
}
.match-table .elo-change {
    opacity: 0.8;
}
.match-table .player-1-won .score-1,
.match-table .player-2-won .score-2 {
    color: green;
}
.match-table .player-1-won .score-2,
.match-table .player-2-won .score-1 {
    color: red;
}
.match-table .player {
    font-size: 1.3rem;
    width: 30%;
}

@media (max-width: 576px) {
    .match-table {
        table-layout: auto;
    }
    .match-table .player,
    .match-table .score {
        font-size: 1rem;
    }
}