html  {
    text-align: center;
}
body {
    max-width: 50em;
    margin: 0 auto;
}
parameters {
    display: flex;
    justify-content: space-around;
    margin: 1em 0;
}
parameters parameter input {
    width: 2em;
}
svg {
    display: block;
    max-width: 40em;
    margin: 0 auto;
}
svg circle:hover {
    cursor: pointer;
}
values {
    display: block;
    margin: 1em 0;
}
values value#Point1 { color: red; }
values value#Point2 { color: orange; }
values value#Point3 { color: green; }

errors error {
    background: orange;
}
.hide { display: none; }

note { display: block; font-size: 0.7em; margin-top: 1em; }