located in the middle of the screen, 200, 200, and they both have the same size,  150 pixels wide and 150 pixels tall. so let's try changing some colors! we know how to change the background color already, that's done with a background function background, and we could type here one number, or three numbers, let's find a better way to specify the color. if you go here to the 'Tools' menu there is a 'Color Selector' and here you can click on this bar and if you see a color you like,  let's make it look like a sky or something, and then you click on the box and up here you see the color you have selected, you go down, it goes black, towards the corner is white, so maybe this is kind of like sky now that I have selected the color there you can see here these are  the red, green and blue values, we normally entered here  inside the background function so we could memorize these numbers or we could just copy this code down here and we use CTRL-C to copy this color and then I close the window and I can paste it here. why this strange notation? well, there are some different ways to tell the program about colors: one option was to enter three numbers separated by commas, this is actually a hexadecimal code, hexadecimal... and it means the same: the first two characters are the red values, the next two are the green value, and the last two are the blue value. so if we run the program now  we will have a blue background. now we know also how to change the border colors how we do that with stroke? stroke(); and here we need another color, 