.card {
    border-left: 6px solid #000;
    border-radius: 0;
    background-color: #F8F8FF;
}

    .current {
        border-left-color: #0d6efd;
    }

    .future {
        border-left-color: #6E267b;
    }

    .result {
        border-left-color: #FF6347;
    }

    .leaderboard {
        border-left-color: #228B22
    }

.card-header {
    background-color: #F8F8FF;
    font-weight: 600;
    font-size: 1.2rem;
    border: 0;
}

    .card-header .btn {
        background-color: #fff;
        width: 4rem;
    }

    .card-header .btn-outline-primary:hover {
        color: #fff;
        background-color: #0d6efd;
        border-color: #0d6efd;
    }

    .card-header .btn-outline-danger:hover {
        color: #fff;
        background-color: #dc3545;
        border-color: #dc3545;
    }

.card-footer {
    background-color: #F8F8FF;
    border-top: 0;
}

    .card-footer .btn {
        background-color: #fff;
    }

    .card-footer .btn-outline-secondary:hover {
        color: #fff;
        background-color: #6c757d;
        border-color: #6c757d;
    }

.badge {
    font-size: 0.8rem;
}