/* styles.css */
#map-container {
    position: relative;

}

#moosemap {
    width: 100%;
    height: auto;
}
#state-id-display {
    position: absolute; 
    background: #fff; 
    padding: 5px; 
    border: 1px solid #ccc; 
    display: none;
}

#info-popup {
    position: absolute;
    background: white;
    border: 1px solid #ccc;
    padding: 30px;
    box-shadow: 0 0 40px rgba(0, 0, 0, 0.9);
    z-index: 10;
}

.hidden {
    display: none;
}

.has-moose {
    fill: #2e8b57;
    fill-opacity: 0.6;
}

.hovered {
    fill: #6f6afa !important;
    fill-opacity: 0.8 !important;
}