#blob{
  position: absolute;
  background-color: red;
  border: 1px solid black;
  width: 20px;
  height: 20px;
}

#blob2{
  position: absolute;
  background-color: blue;
  border: 1px solid black;
  width: 20px;
  height: 20px;
}

#e1{
  left: 300px;
  top: 300px;
}

#e2{
  left: 50px;
  top: 50px;
}

#c1{
  left: 200px;
  top: 90px;
}

#c2{
  left: 50px;
  top: 270px;
}

#e3{
  left: 800px;
  top: 300px;
}

#e4{
  left: 550px;
  top: 50px;
}

#c3{
  left: 700px;
  top: 90px;
}

#c4{
  left: 550px;
  top: 270px;
}

.enddot{
  position: absolute;
  background-color: black;
  border: 1px solid black;
  width: 3px;
  height: 3px;
}

.controldot{
  position: absolute;
  background-color: yellow;
  border: 1px solid black;
  width: 3px;
  height: 3px;
}

.bezierPixel{
  position: absolute;
  background-color: #999;
  border: 0px;
  width: 2px;
  height: 2px;
}