body {
    font-family: 'Kanit', sans-serif;
    --bs-bg-opacity: 1;
    background-color: rgb(14, 14, 14);
}
h2,.card-title,.card-text {
    color:#e0e0e0;
}
.nav-item {
    font-weight: 300;
}

a.item-card {
    text-decoration: none;
}

a.card-text {
    text-decoration: none;
}

a.item-card:hover h5 {
    text-decoration: underline;
}

a.card-text:hover {
    text-decoration: underline;
}

.cover {
    object-fit: cover;
}

.flowvod {
    width: 50vw !important;
}

.modal-open .container-fluid, .modal-open  .container {
    backdrop-filter: blur(5px) grayscale(90%);
    -webkit-filter: blur(5px) grayscale(90%);
}
.bg-darker {
    background-color: #121212!important;
}

.card-header-tabs .nav-link.active {
    border-bottom-color: #00000000!important;
}

.nav-link-soccer {
    font-weight: bold;
    background: linear-gradient(
        90deg,
        #ffd700,
        #ffcc00,
        #ffc94d,
        #ffb347,
        #ffadd6,
        #ffd700,
        #ffcc00,
        #ffc94d
    );
    background-size: 400% auto;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    animation: soccerWave 6s ease-in-out infinite;
}

.nav-link-soccer:hover {
    animation: soccerWave 3s ease-in-out infinite;
    filter: brightness(1.15);
}

@keyframes soccerWave {
    0%   { background-position: 0% center; }
    50%  { background-position: 200% center; }
    100% { background-position: 400% center; }
}