createCanvas(400, 400);

}

​

function draw() {

  background(220);

  //set the color back to white for white shapes

  fill(255);

  stroke(0);//outline back to black

  circle(200,75, 50); //white circle

  //call fill before every shape

  fill("red");

  stroke("blue");//blue outline

  strokeWeight(20);//thick outline

  circle(200,200,200); //red 

  //black circle

  fill(0);

  stroke("yellow");//yellow outline

  strokeWeight(5); //medium outline

  circle(100,200,100); //black circle

  //blue circle

  fill("rgb(0,255,244)");

  strokeWeight(1);//reset outline thickness

  circle(300,200,100);

  //text

  fill(0);

  noStroke();

  text("Notice how the black \nand blue circles have \nthe same color outline", 270,80);

}