@import url("../../npm/bootstrap-icons-1.11.3/font/bootstrap-icons.min.css");
:root{
    --body-background-color:#000000;
    --navbar-background-color:#eff0f2;
    --navbar-logo-link-color:white;
    --navbar-links-color:#000000;
    --navbar-links-hover-background-color:#ff7432;
    --navbar-links-hover-color:#ffffff;
    --brand-color-one:#ff7432;
    --brand-color-two: #ff3121;
    --brand-color-three: #ee1527;
    --brand-color-four: #393838;
    --brand-color-five: white;
    --brand-color-six: #000000;
    --brand-color-seven: rgba(255, 255, 255,0.1);
    --font-family-one:sans-serif;
}
body{
    background-color: black;
}
main ul li button{
    background-color: #393838 !important;
    color: #eff0f2 !important;
}
main ul li .active,main ul li button:hover{
    background-color: #eff0f2 !important;
    color: #000000 !important;
}
.league-record{
    background-color: rgba(255, 255, 255,0.2);
    color: white;
    gap: 10px;
}

.league-record h4{
    font-size: 16px;
    margin-bottom: 0px !important;
}


.col-light{
    background-color: rgba(255, 255, 255,0.1);
}

.live-match-record div:first-child{
    gap: 5px;
}

.live-match-record div:first-child i{
   color: var( --brand-color-one);
   font-size: 25px;
}
.live-match-record div:first-child span{
   color: var( --brand-color-two);
   font-size: 13px !important;
   letter-spacing: 1px;
   margin-bottom: 0px;
}


.live-match-record-result{
    background-color: rgba(255, 255, 255,0.1);
    justify-self: center;
}




@media (min-width:651px) {
    .live-match-mobile{
        display: none !important;
    }
    .live-match-web{
        display: flex !important;
    }
}
@media (max-width:650px) {
    .live-match-mobile{
        display: flex !important;
    }
    .live-match-web{
        display: none !important;
    }
}



.live-match-web-for-match-screen{
    display: flex !important;
}