/* CORE */

body > section,
.content-outer {
    background: rgb(255,136,0);
    background: linear-gradient(to right, rgba(251,214,1,1), rgba(255,136,0,1));
}

section.content-container {
    background: none;
    border: none;
    box-shadow: none;
    max-width: 1200px;
    padding: 0 10px 20px 10px;
    text-align: center;
}



/* TOP CONTENT */

.top-header {
    border-bottom: 3px rgba(255,255,0, .5) solid;
    color: white;
    font-size: 48px;
    font-family: "Lemon", serif;
    font-weight: bold;
    margin: 10px 50px 0 50px;
    padding: 0px 10px 20px 10px;
    text-align: center;
    text-shadow: 3px 3px 5px rgba(0,0,0, .75);
}

.top-button-container {
    padding: 20px 10px;
    text-align: center;
}
    .top-button-container .sleek-button {
        border-radius: 10px;
        font-size: 16px;
        height: auto;
        margin: 0 5px;
        max-height: none;
        max-width: none;
        padding: 10px 20px;
        width: auto;
    }



/* HIGH SCORES TABLES */

.high-scores-section-container {
    display: grid;
    grid-gap: 15px;
    grid-template-columns: 1fr 1fr 1fr;  /* Month's Best, Best of Year, All-Time Best */
    margin: 0 auto;
    padding-top: 0;
    padding-bottom: 0;
    max-width: 900px;
    width: 100%;
}
    
    .high-scores-section {
        background-color: rgba(0,0,0, .35);
        border: 1px gold solid;
        border-radius: 10px;
        color: white;
        margin: 0 auto;
        max-width: 400px;
        overflow: hidden;
        padding: 20px;
        width: 100%;
    }
        .high-scores-table-title {
            font-size: 24px;
            font-weight: bold;
            margin-bottom: 15px;
            text-align: center;
        }
        .high-scores-table {
            table-layout: fixed;
            width: 100%;
        }
            .high-scores-table col:first-child {
                width: auto; /* Width of the first column (player name) */
            }
            .high-scores-table col:last-child {
                width: 65px; /* Width of the second column (score) */
            }
        
            .high-scores-table tr th {
                display: none;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
            }
            .high-scores-table tr td {
                border-bottom: 1px rgba(255,255,255, .5) solid;
                overflow: hidden;
                padding: 4px 8px;
                text-overflow: ellipsis;
                white-space: nowrap;
            }
            .high-scores-table tr:last-child td {
                border-bottom: none;
            }
                .high-scores-table a {
                    color: white;
                    text-decoration: none;
                }
            .high-scores-table tr:hover {
                background-color: rgba(255,255,255, .15);
            }
            .high-scores-table tr:hover td,
            .high-scores-table tr:hover a {
                color: yellow;
            }
            .high-scores-table tr td.player {
                /* background-color: brown; */
                text-align: left;
            }
            .high-scores-table tr td.high-score {
                text-align: right;
            }



/* PULSE HIGHLIGHT */

@keyframes pulse {
    from {
        box-shadow: 0px 0px 15px white;
        background-color: #ffffaa;
        color: #444444;
    }
    to {
        box-shadow: 0px 0px 40px orange;
        background-color: yellow;
        color: black;
    }
}
.high-scores-table tr.highlight {
    animation: pulse 1.5s infinite alternate;
    background-color: yellow;
    border-radius: 25px;
    color: black;
    overflow: hidden;
    position: relative;
    z-index: 2;
}
    .high-scores-table tr.highlight td {
        overflow:visible;
        position: relative;
        z-index: 2;
    }
        .high-scores-table tr.highlight td a {
            color: black;
        }



/* MOBILE */

@media only screen and (max-width: 790px) {
    .high-scores-section-container {
        grid-template-columns: 1fr;
    }
}