@keyframes kfMoveRight {
  from {left: 6px;}
  to {left: 306px;}
}
@keyframes kfMoveDown {
  from {top: 6px;}
  to {top: 306px;}
}
.cGraph {
  border:1px solid black;
  width:320px;
  height:320px;
  position:absolute;
  background-color: rgb(250, 250, 230);
}
.cDot {
  border:1px solid;
  left:6px;
  top:6px;
  width:7px;
  height:7px;
  border-radius: 4px;
  position:absolute;
}
.cPathDot {
  animation: kfMoveRight 12s infinite, kfMoveDown 12s infinite;
  background-color: rgba(255, 255, 175, .7);
  border-color: goldenrod;
}
.cLinearDot {
  animation: kfMoveDown 12s linear infinite;
  background-color: rgba(255, 200, 175, .5);
  border-color: darkred;
}
.cAnimDot {
  animation: kfMoveRight 12s infinite;
  background-color: rgba(200, 255, 175, .5);
  border-color: darkgreen;
}