/* Nếu cần, bạn có thể thêm style cho sidebar cố định trên desktop */
#sidebar {
    width:250px;
    padding-top: 25px;
}

/* Để nội dung chính không bị che sidebar trên desktop */
#main-content {
    margin-left: 10px;
}

@media (max-width: 768px) {
    /* Trên màn hình nhỏ, bỏ margin vì offcanvas sẽ được sử dụng */
    #main-content {
        margin-left: 0;
    }
}
.my-custom a{
    text-decoration:none;
}
@keyframes borderGlow {
    0% {
        border-color: #ffeb3b; /* Màu ban đầu */
    }

    50% {
        border-color: #ff9800; /* Màu giữa animation */
    }

    100% {
        border-color: #ffeb3b; /* Màu cuối */
    }
}

.top-rank {
    font-weight: bold;
    background-color: #fff9c4 !important;
    border: 4px solid #ffeb3b; /* Viền ban đầu */
    border-radius: 8px;
    animation: borderGlow 1.5s linear infinite; /* Thêm animation cho border */
    transition: border 0.3s ease-in-out;
}
@keyframes fireEffect {
    0% {
        text-shadow: 0 0 5px #ff4500, 0 0 10px #ff4500, 0 0 15px #ff4500, 0 0 20px #ff4500, 0 0 30px #ff4500, 0 0 40px #ff4500, 0 0 50px #ff4500;
        color: #ff4500;
    }

    50% {
        text-shadow: 0 0 5px #ff4500, 0 0 10px #ff4500, 0 0 15px #ff4500, 0 0 20px #ff4500, 0 0 30px #ff7f00, 0 0 40px #ff7f00, 0 0 50px #ff7f00;
        color: #ff7f00;
    }

    100% {
        text-shadow: 0 0 5px #ff4500, 0 0 10px #ff4500, 0 0 15px #ff4500, 0 0 20px #ff4500, 0 0 30px #ff4500, 0 0 40px #ff4500, 0 0 50px #ff4500;
        color: #ff4500;
    }
}