* { box-sizing: border-box; }

#black{ background-color: rgb(20,20,20); }
#blue1{ background-color: rgb(45,79,177); }
#yellow{ background-color: rgb(236,216,109); }

#white{ background-color: rgb(227,218,209);}
#navy{ background-color: rgb(36,39,71); }
#red{ background-color: rgb(189,0,57);}

#grey{ background-color: rgb(43,43,43); }
#blue2{ background-color: rgb(37,67,116);}
#blue3{ background-color: rgb(52, 139, 178);}

#kelly{
  display: block;
  margin: 0 auto;
  overflow: hidden;
  width: 300px;
  height: 300px;
  line-height:0;
}
#black{ 
  background-color: rgb(20,20,20);
}

#blue1{ 
  background-color: rgb(45,79,177); 
}

#yellow{ 
  background-color: rgb(236,216,109);
}

#white{ 
  background-color: rgb(227,218,209); 
}
#navy{ 
  background-color: rgb(36,39,71);
}
#red{ 
  background-color: rgb(189,0,57);
}

#grey{ 
  background-color: rgb(43,43,43); 
}
#blue2{ 
  background-color: rgb(37,67,116);
}
#blue3{ 
  background-color: rgb(52, 139, 178);
}

#blue1,#black,#yellow, #white,#navy, #red, #grey, #blue2, #blue3{
  width: 33.3334%; 
  height: 33.3334%;
  display: inline-block;
  margin:0;
}