.league-title{
    color:#a7e7b1;
    font-family: Tourney, sans-serif;
    margin: 2%;
    margin-top: 5%;
    font-size: 5vw;
    text-align: center;
}

.logo{
    color: #a7e7b1;
}

.league-nav{
    display:flex;
    justify-content: center;
    color: black;
    flex-wrap: wrap;

}

.league-nav div{
    margin: 10px;
    padding: 10px;

    background: #a7e7b1;
}

.league-subtitle{
    color: #a7e7b1;
    font-weight: 500;
    text-align: center;
}

.selected-division{
    border: #a7e7b1 solid 2px !important;
    color:white;

}

#top-ratings-league h2{
    background-color: #a7e7b1;
    
}

#top-ratings-league{
    border-color: #a7e7b1;
}
#data-table td{
    font-family: "Roboto Mono", monospace;
    font-weight: 500;
    color: white;

}
#githubLink{
    color: #a7e7b1;
    text-decoration:none;
}
#githubLink a:visited{
    color: #a7e7b1;
    text-decoration: none;
}

#ratings-option-container{
    margin-top: 50px;
    display:flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
}

.ratings_option{
    background-color: #2e363f;
    padding: 25px;
    max-width: 350px;
    border: 1px solid #3e4853;
    display: flex;
    flex-direction: column;
    gap: 12px;
}



h2 > a{
    color:#a7e7b1;
    

}
p > a{
    color:#a7e7b1;
    

}
.ratings_option > h2{
    color:#a7e7b1;
    text-align: center;
    font-weight: 600;
    margin-bottom: 5px;
}
.ratings_option > h3, p, li{
    color:white;
    text-align: center;
}


.ratings_option p{
    text-align: left;
    /* width:75%; */
}
.basketball-nav a {
    color: black;
}

.page-titles{
    font-family: Tourney, sans-serif;
    text-align: center;
    color: #a7e7b1;
    font-size: 1.9rem;


}


span a:visited {
    color: #232931; 
} 

span a {
    color: #232931;

} 

#data-table{
    border:#393E46 2px solid;
}

#data-table tr:nth-child(even) {
    background-color: #2C333D;
    
}

#data-table tr:nth-child(odd) {
    background-color: #37404A;
}

#data-table tr:hover{
    background-color:#1C1F24;
}
#table-head td{
    background-color: #303741;
}
@media (max-width: 480px) {
    .logo {
        display: none !important;
        
    }
    .nav-links{
        flex-wrap:wrap;
        justify-content: center;
        margin-right:0;
    }
    .league-nav{
        margin-top:15px;
        flex-direction:column;
    }
    .league-nav >div{
        margin:0;
        text-align:center;
        width: 75%;
        margin:auto;
    }
    .league-title{
        font-size:30px;
        margin-bottom: 15px;
    }
}