html {
    font-family: Manrope, sans-serif;
    background: black;
    color: #eee;
}

body {
    margin: 2vw 2vw 3vw 2vw;
}

h1 {
    text-align: center;
    margin: 0;
    font-size: 3vw;
}

a {
    text-decoration: none;
    color: inherit;
}

table {
    width: 96vw;

    font-size: 2.5vw;
    text-align: center;
    table-layout: fixed;

    th {
        padding-top: 1em;
        padding-bottom: 0.6em;
        color: lightgray;
    }

    td {
        white-space: nowrap;
    }

    .table-name {
        text-align: left;
    }

    .game-type {
        font-size: 0.6em;
        color: #eee;
    }

    .player-1 {
        text-align: right;
    }

    .player-2 {
        text-align: left;
    }

    .player-name {
        overflow: hidden;
        text-overflow: ellipsis;
    }

    /*noinspection CssUnusedSymbol*/

    .pool {
        color: deepskyblue;
    }

    /*noinspection CssUnusedSymbol*/

    .snooker {
        color: limegreen;
    }

    .max-games {
        color: red;

        span {
            font-size: 0.6em;
        }
    }

    .frames {
        color: darkkhaki;
    }

    .snooker-high-breaks {
        font-size: 0.6em;
        height: 0.7em;
        line-height: 0.7em;

        position: relative;
        top: -2px;

        color: #ca8300; /* orange - abgedunkelt */
        /*color: orange;*/
        /*color: royalblue;*/
        /*color: yellowgreen;*/
    }
}