@import url("https://use.typekit.net/lwq6zey.css");
body{
    
    margin:0;
    width: 805px;

}

.svg-container{
    height:470px;
    width: 805px;
    margin:0;
    padding: 0;

}

.legend-txt{
    font-weight: 500;
    font-family: aktiv-grotesk, sans-serif;
    text-anchor: "middle";
}

.legend-txt-white{
    
    font-family: aktiv-grotesk, sans-serif;
    

}

.instructions{
    
    text-anchor: start;
    font-size: 11px;
    font-style: italic;
    letter-spacing: 0.25px;
    opacity: 0.75;
    font-family: aktiv-grotesk, sans-serif;
    
}


.y_axisLegend{
    text-anchor: middle;
    font-family: aktiv-grotesk, sans-serif;
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    fill: #0098A7;
    letter-spacing: 1.2px;
    
}

.y_axisLegend2{
    text-anchor: middle;
    font-family: aktiv-grotesk, sans-serif;
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    fill: #FD495C;
    letter-spacing: 1.2px;
    
}


.down-buttons{
    /* font-weight: 500; */
    font-family: aktiv-grotesk, sans-serif;
    text-anchor: "middle";
    font-size: 14px;
    
}

.region{
    opacity:1;
}

.region:hover{
    opacity:0.6;
}