html {
    font-size: 110%; /* Increase the base font size */
    }
    ol.custom-counter {
    counter-reset: my-counter 1; /* Initialize counter */
    list-style: none; /* Remove default list numbers */
    padding-left: 0; /* Remove padding */
    }
    ol.custom-counter li {
    counter-increment: my-counter; /* Increment the counter for each list item */
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    }
    ol.custom-counter li::before {
    content: counter(my-counter); /* Display the counter value */
    background-color: #4CAF50; /* Circle background color */
    color: white; /* Text color */
    width: 30px;
    height: 30px;
    display: inline-block;
    text-align: center;
    line-height: 30px; /* Align text vertically */
    border-radius: 50%; /* Make it a circle */
    margin-right: 10px; /* Space between number and text */
    }
    @keyframes fadeIn {
    from {
    opacity: 0;
    }
    to {
    opacity: 1;
    }
    }
    .fade-in {
    animation: fadeIn 0.5s ease-in-out;
    }
    /* Progress bar styling */
    .progress-bar {
    height: 20px;
    background-color: #10B981; /* Green for progress */
    transition: width 1s linear;
    }
    /* Player box transition for color change */
    .player-box {
    transition: background-color 1s ease;
    }
    #main-container {
    background-color: rgba(31, 41, 55, 0.8); /* Apply opacity to background only */
    }
    #waiting-list-pool::-webkit-scrollbar {
    display: none; /* Hide the scrollbar for webkit-based browsers (Chrome, Safari) */
    }
    /* For Firefox */
    #waiting-list-pool {
        font-size: 1.8rem;
        scrollbar-width: none; /* Hide scrollbar in Firefox */
    }
    #waiting-list-pool li {
    flex-shrink: 0;  /* Prevent items from shrinking */
    }
    #waiting-list-dart::-webkit-scrollbar {
    display: none; /* Hide the scrollbar for webkit-based browsers (Chrome, Safari) */
    }
    /* For Firefox */
    #waiting-list-dart {
        font-size: 1.8rem;
        scrollbar-width: none; /* Hide scrollbar in Firefox */
    }
    #waiting-list-dart li {
    flex-shrink: 0;  /* Prevent items from shrinking */
    }

    /*Tailwind*/