@font-face {
    font-family: Whitney Book;
    src: url("../fonts/Whitney-Book.otf") format("opentype");
}

text, .chart {
    font-family: Whitney Book, sans-serif;
}

#chart {
    max-width: 1024px;
    margin: auto;
    text-align:center;
}

.chart g {
    padding: 30px;
}

text, .chart {
    font-size: 12px;
}

text.perc {
    font-weight: bold;
}

.mainBars rect {
    shape-rendering: auto;
    fill-opacity: 0;
    stroke-width: 0.5px;
    stroke: rgb(0, 0, 0);
    stroke-opacity: 0;
}

.subBars {
    shape-rendering: crispEdges;
}

.edges {
    stroke: none;
    fill-opacity: 0.5;
}

.header {
    text-anchor: middle;
    font-size: 16px;
}

line {
    stroke: grey;
}

.main {
    padding: 100px 0;
}

@media (max-width: 800px) {
    text, .chart {
        font-size: 8px;
    }
}

@media (min-width: 800px) {
    #chart {
        width: 100%;
    }
}