html, body {
    margin: 0;
    padding: 0;
}

body {
    max-width: 100%;
    overflow: scroll;
}

rect.background {
    fill: #759eb5;
    stroke: none;
}

polygon.country {
    fill: #c3c3c3;
    stroke: #ffffff;
    stroke-width: 2;
}

polygon.state {
    fill: #ffffff;
    stroke: #c3c3c3;
    stroke-width: 3;
}

circle.erfa {
    z-index: 1;
}

circle.chaostreff {
    z-index: 2;
}

circle.erfa, circle.chaostreff {
    fill: #f47e1e;
    stroke: #ffffff;
    stroke-width: 3;
}

a > circle, a > text {
    cursor: pointer;
}

a:hover > circle {
    fill: #5b8ca7;
}

a:hover > text {
    fill: #5b8ca7;
}

text.erfalabel {
    font-family: "Concert One";
    font-size: 45px;
    z-index: 100;
    user-select: none;
}

rect.debugleft {
    stroke: red;
    stroke-width: 1;
    fill: none;
    z-index: 1000;
}

rect.debugright {
    stroke: green;
    stroke-width: 1;
    fill: none;
    z-index: 1000;
}