/* Information about the event */

.event-info {
    margin: 15px 150px;
}

h2,
h3 {
    margin: 7px 0;
}

br {
    height: 7px;
}

a {
    color: rgb(0, 180, 0);
    text-decoration: none;
}

a:hover {
    color: aquamarine;
}

.ul {
    list-style: disc;
}

/* Tables */

#results-table {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    border: 1px solid forestgreen;
    padding: 10px;
}

.table-header,
#player-results {
    display: grid;
    grid-template-columns: 35px 200px 75px repeat(12, 200px);
}

.table-header,
.header {
    color: white;
    background-color: forestgreen;
}

/* Position marks */

.rank-1st {
    color: gold;
}

.rank-2nd {
    color: silver;
}

.rank-3rd {
    color: brown;
}

.rank-null {
    color: whitesmoke;
}

.rank-lost {
    color: red;
}

@media (max-width: 640px) {
    /* Information about the event */

    .event-info {
        margin: 15px 20px;
    }

    /* Tables */

    #results-table {
        width: 100%;
        overflow-x: auto;
        overflow-y: hidden;
        border: 1px solid forestgreen;
        padding: 10px;
    }

    .table-header,
    #player-results {
        display: grid;
        grid-template-columns: 35px 200px 75px repeat(12, 200px);
    }

    .table-header,
    .header {
        color: white;
        background-color: forestgreen;
    }
}