#topviewedchords {
        background-color: #212529; /* Dark background for the page */
        color: #E6E6E6; /* Default text color */
        margin: 0;
        padding: 0;
        display: flex;
        flex-direction: column; /* Stack elements vertically */
        justify-content: center; /* Center vertically */
        align-items: center; /* Center horizontally */
    }
    #topviewedchords .top-chords-section {
        text-align: center;
        margin: 20px; /* Added margin to prevent overlap with edges */
    }
    #topviewedchords .top-chords-section h2 {
        color: #D4A500; /* Gold color for the title */
        margin-bottom: 20px; /* Space below the title */
    }
    #topviewedchords .chord-card {
        background-color: #343a40; /* Dark background for cards */
        border: 1px solid #D4A500; /* Gold border */
        border-radius: 8px;
        margin: 10px; /* Margin for spacing */
        padding: 15px;
        transition: transform 0.2s; /* Smooth scaling effect */
    }
    #topviewedchords .chord-card:hover {
        transform: scale(1.05); /* Slightly scale up on hover */
    }
    #topviewedchords .view-count {
        color: #D4A500; /* Gold color for the view count */
        margin-top: 10px; /* Space above the view count */
    }
    #topviewedchords .view-chord-button {
        background-color: #E6B800; /* Gold button */
        color: black;
        padding: 10px;
        border-radius: 5px;
        text-decoration: none;
        display: inline-block; /* Ensure button has correct width */
        margin-top: 10px; /* Space above the button */
    }