body {
    margin: 0;
    padding: 0;
    background-color: #333; /* Dark background */
    color: white; /* Light text color for better contrast */
}
#bubble-chart {
    width: 100%;
    height: 100vh; /* Full height of the viewport */
    overflow-x: auto;
    min-width: 300px;
}

.bubble {
    stroke-width: 2;
    /*fill-opacity: 0;*/
}

text {
    text-anchor: middle;
}

.bubble-image {
    pointer-events: none;
}

.bubble-name {
    fill: #333; /* Text color */
    font-size: 14px; /* Text size */
    font-weight: bold; /* Bold text */
}

.bubble-subtitle {
    fill: #666; /* Text color */
    font-size: 12px; /* Text size */
}

.bubble-changepercdisp {
    fill: #999; /* Text color */
    font-size: 10px; /* Text size */
}