:root{

}
.topLogo{
    position: relative;
    width: 100px;
}
.topLogo img{
    position: absolute;
}
.bg-secondary-700{
    background-color: #152224;
}
.text-secondary-700, .text-primary-700{
    color: #152224;
}
.typography a{
    color: #152224;
}
.fill-primary-300{
    fill: #71bce4;
}
@media (min-width: 1132px){
    .menu-item:hover .menu-link {
        --tw-text-opacity: 1;
        color: #71bce4;
    }
}
.menu-wrapper.show{
    background-color: #71bce4;
}
.btn-primary{
    background-color: #71bce4;
    border-color: #71bce4;
}
.btn-primary:hover{
    background-color: #4fa3d0;
    border-color: #4fa3d0;
}
.btn-secondary{

}

.bg-primary-500{
    background-color: #71bce4;
}
.group:hover .group-hover\:text-primary-500{
    color: #71bce4;
}
.MatchResult-score {
    display: block;
    width: auto;
    color: #152224;
    font-size: 2rem;
    font-weight: 500;
    line-height: 2.5rem;
    text-align: center;
    background-color: #f8f8f8;
    border-radius: 0.25rem;
    padding: 0.5rem;
    margin-right: 0px;
}
.MatchResult-score small{
    font-size: 16px;
}
.typography p:not(:last-child){
    margin-bottom: 1rem;
}
.m-auto{
    margin: 0 auto;
}
.u-pt-40{
    padding-top: 40px;
}