#chart {
    width: 600px;
    height: 400px;
    font-family: Arial, sans-serif;
}

.backgroundNames {
    font-family: Arial, sans-serif;
    font-size: 14px;
}

.cities {
    fill: orange;
    opacity: .6;
}

.usState {
    fill: grey;
    opacity: .2;
    stroke: black;
}

.cityTitle {
    font-family: Arial, sans-serif;
    font-size: 14px;
    font-weight: bold;
    text-anchor: middle;
}

#substringLabel {
    font-family: Arial, sans-serif;
    font-size: 24px;
    font-weight: bold;
    text-anchor: middle;
}

.usernameExample {
    font-family: Arial, sans-serif;
    font-size: 12px;
    color: grey;
    opacity: .8;
}

#chartPrev, #chartNext {
    fill: green;
    opacity: .7;
    transition: fill .4s, opacity .4s;
}

#chartPrev:hover, #chartNext:hover {
    fill: orange;
    opacity: .9;
}