body { font: 12px Arial;}

button {
  width: 49%;
}

path {
    stroke: steelblue;
    stroke-width: 2;
    fill: none;
}

.piline,
.unitCircle {
  stroke: red;
  stroke-width: 1;
  fill: none;
  shape-rendering: crispEdges;
}

.point {
  stroke: steelblue;
  stroke-width: 1;
  fill: steelblue;
}

.point.inside {
  stroke: lightblue;
  fill: lightblue;
}

.last.point {
  stroke: orange;
  fill: orange;
}

.hit {
  background-color: orange;
}

.what {
  color: red;
}

.axis path,
.axis line {
    fill: none;
    stroke: grey;
    stroke-width: 1;
    shape-rendering: crispEdges;
}

.invertedRange {
  direction: rtl;
}

table, .box {
  /*  border: 1px solid #777777; */
}