html,
body {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}

.container {
    margin: 0px;
    width: 100%;
    min-height: 200px;
    box-sizing: border-box;
    padding: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

h1 {
    text-align: center;
}

rect.zoom-buttons {
    fill: #dcdcdc;
    stroke: #a678b1;
    stroke-width: 0.4px;
    cursor: pointer;
}

text.zoom-buttons {
    cursor: pointer;
}

.graph-area {
    flex: 1;
    padding: 0;
    box-sizing: border-box;
}