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

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

rect.background {
    fill: white;
    z-index: -3;
}

rect.frame {
    fill: none;
    stroke: black;
    stroke-width: 1;
}

polygon.country {
    stroke: blue;
    stroke-width: 1;
    fill: none;
}

polygon.state {
    stroke: blue;
    stroke-width: 1;
    fill: none;
}

circle.erfa {
    z-index: 1;
    stroke: black;
    stroke-width: 1;
    fill: none;
}

circle.chaostreff {
    stroke: none;
    fill: none;
    display: none;
}

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

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

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