h2 {
    margin: 0px;
    margin-top: 30px;
    border: 5px solid #1B2B5A;
    background-color: #ffffff;

    height: 60px;

    color: white;
    font-size: 50px;
    font-weight: normal;
}

.container { /* remove later? */
    display: block;
    overflow: auto;
    text-align: center;
}

/* General style for standings list */
tr.standings-entry td, tr.standings-entry th {
    border-bottom: 2px solid black;
    
    height: 30px;
}

/* An interface to choose from previous weeks */
#view-weeks-box { /* Contains a list of all races denoted by numbers */
    display: block;
    overflow: auto; 
}

/* Buttons to choose each week */
#week-button-list {
    margin: 12px;
    height: fit-content;

    text-align: center;
}

.week-button, .trade-button {
    margin: 4px;
    background-color: #ffffff;
    font-family: "Alatsi";
}

.week-button {
    display: inline-block;
}

.week-button:hover, .trade-button:hover {
    background-color: #d2d2d2;;
}

.week-button:active, .trade-button:active {
    background-color: #a8a5d1;
}

.trade-button {
    margin: auto;
    display: block;
    box-sizing: content-box;
    border-radius: .6vw;

    width: 80%;
    height: 3vw;

    text-align: center;
    font-size: 70%;
}

/* Game data in game list */
#game-data .vs-row td {
    height: 10px;
}

#game-data .team-row td {
    padding: 0px;
}

.team-row {
    border: none;
}

.winner {
    color: rgb(200, 0, 0);
}

/* For phone resolution */
@media (max-width: 1429.99px) {
    #footer {
        height: 800px;
    }
  
    h2 {
        border: 7.5px solid #1B2B5A;

        height: 90px;

        font-size: 75px;
    }

    .plate-1 {
        padding-bottom: 50px;
    }

    #status-message {
        background-color: #578bff;
        border: 5px solid #255edb;
        border-radius: 20px;

        margin: 20px;
        padding: 25px 0px;
        
        max-width: 910px;

        color: rgb(73, 255, 63);
        font-size: 60px;
        text-align: center;
    }

    #standings-list {
        width: 90%;
        margin: auto;

        border-spacing: 0px;

        font-size: 50px;
    }
    
    .standings-entry {
        height: 90px;
    }

    .week-button {
        margin: 5px;
        padding: 0px;
        border-radius: 20px;
        border: 5px solid black;

        width: 140px;
        height: 140px;

        font-size: 80px;
        color: black;
    }

    .trade-button {
        border: 3px solid black;
        width: 100px;
        height: 80px;
        border-width: 5px;
        border-radius: 20px;
        font-size: 2.5vw;
    }

    #drafts-box { /* Contains weekly and race boxes */
        padding-bottom: 20px;

        display: block;
        overflow: auto;
    } 

    .owner-list, tr, td {
        font-size: 60px;
    }

    /* List of the games */
    #games-list {
        margin: auto 15px;
    }

    .games-cell {
        width: 300px;
    }

    .logo-games {
        width: 250px;
    }

    #page-link-button-wrapper {
        left: 75%;
    }

    #page-link-button {
        border-radius: 25px;
        padding: 10px -20px;
    }
}

/* For desktop resolution */
@media (min-width: 1430px) {
    #filler {
        height: 140px;
    }
  
    #status-message {
        background-color: #578bff;
        border: 5px solid #255edb;
        border-radius: 20px;

        margin: 15px 10px;
        padding: 25px 10px;

        width: calc(100% - 1080px - 20px);
        max-width: calc(50% - 280px);/*545px;*/

        color: rgb(73, 255, 63);
        font-size: 30px;
        text-align: center;
    }

    #page-name {
        width: 100%;
    }

    .plate-1 {
        margin: 0.2vw;
        padding: 0.5vw;
    }

    /* A table of the current users' scores */
    #standings-box { /* Contains a list of all users in order of highest score */
        float: left;
        padding: 10px;

        min-width: 310px;
        width: 25%; /*calc(100% - 1080px);

        font-size: max(calc(0.2vw - 1.8px), 1px); */
    }

    tr.standings-entry td {
        height: 80px;
    }

    /* Holds weekly data for each game */
    #drafts-box { 
        border: 5px solid;
        float: left;
        /* display: block;
        overflow: auto;  */

        width: 31%;
        height: auto;
    }
    
    /* An interface to choose from previous weeks */
    #view-weeks-box { /* Contains a list of all races denoted by numbers */
        float: left;
        width: 37%;
    }

    .week-button {
        border-radius: 10%;

        width: 75px;
        height: 75px;

        font-size: 40px;
    }
    
    #games-list {
        border-spacing: 0px;
    }

    #page-link-button-wrapper {
        left: 79%;
    }

    #button-wrapper {
        border: 3px solid #0a0b1d;
        border-radius: 10px;
        margin: 25px 10px 0px;
        padding: 10px 0px 20px;
    }

    #button-wrapper p {
        font-size: 25px;
    }
}