body{
background:#f4e8ff;
}

.navbar{
background:#6A0DAD;
}

.card{
border-radius:15px;
box-shadow:0 0 10px rgba(0,0,0,.1);
}

.btn-purple{
background:#6A0DAD;
color:white;
}

.btn-purple:hover{
background:#4c087e;
color:white;
}
.team-flag{
    width:60px;
    height:45px;
    object-fit:cover;
}

.match-card{
    border-radius:15px;
    border:none;
    box-shadow:0 2px 10px rgba(0,0,0,.1);
}

@media(max-width:576px){

    .team-flag{
        width:50px;
        height:38px;
    }

    h6{
        font-size:14px;
    }
}
.footer-purple{
    background:#6A0DAD;
}

.footer-purple h6{
    margin-bottom:5px;
}

.footer-purple small{
    opacity:.9;
}

body{
    min-height:100vh;
    display:flex;
    flex-direction:column;
}

.container{
    flex:1;
}
.navbar{
    background:#6A0DAD;
}

.nav-link{
    font-weight:500;
}

.nav-link:hover{
    color:#FFD700 !important;
}
.fixture-card{
    border:none;
    border-radius:18px;
    box-shadow:0 3px 12px rgba(0,0,0,.08);
    transition:.3s;
}

.fixture-card:hover{
    transform:translateY(-2px);
}

.team-flag{
    width:80px;
    height:55px;
    object-fit:cover;
    border-radius:8px;
    border:1px solid #eee;
}

.score-box{
    font-size:22px;
    font-weight:700;
    color:#6A0DAD;
}

.vs-text{
    font-size:18px;
    font-weight:700;
    color:#6A0DAD;
}

.badge{
    font-size:13px;
}

@media(max-width:768px){

    .team-flag{
        width:60px;
        height:42px;
    }

    .fixture-card h6{
        font-size:14px;
    }

    .score-box{
        font-size:18px;
    }

    .vs-text{
        font-size:15px;
    }

}
.standings-card{
    border:none;
    border-radius:15px;
    overflow:hidden;
}

.table th{
    white-space:nowrap;
}

.table td{
    vertical-align:middle;
}

@media(max-width:768px){

    .table{
        font-size:12px;
    }

    .table img{
        width:20px !important;
    }

}
.score-box{
    font-size:28px;
    font-weight:bold;
    white-space:nowrap;
    text-align:center;
}

.col-2{
    display:flex;
    justify-content:center;
    align-items:center;
}