body {
  margin: 0;
  height: 100vh;
  /* background: radial-gradient(circle, skyblue, steelblue); */
  /* background: radial-gradient(circle, skyblue, navy); */
  background: radial-gradient(circle, skyblue, midnightblue);
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}

/* section {
  height: auto;
} */

#settings {
  /* border: 1px dotted #777; */
  float: left;
  height: auto;
  width: 150px;
}

#drawing {
  float: right;
  /* width: 50%; */
  width: auto;
}

canvas {
  border: 1px dotted #222;
}

#sectors {
  position: absolute;
  top: 15px;
  left: 15px;
}

#settings {
  font: 24px Calibri;
  color: white;
}
#factor {
  color: yellow;
}

/* font: normal normal lighter 24px Calibri; */