@import url("https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.2.0-beta1/css/bootstrap.min.css");


.sr-only{
    text-decoration: none !important;
    
}

#playerSection,#academySection{
    row-gap: 20px;
    column-gap: 20px;
    margin: 0;
    padding: 20px;
    /* background-color: red; */
}



#siteNav{
    background-color: red !important;
    color: white !important;
}

.card{
    margin: 20px auto;

}

a{
    color: white !important;
}

@media screen and (max-width:768px) {
    .card{
        width: auto !important;
    }
    .nav-left{
        flex-direction: column;
    }
}