/* Fonts from Google Fonts - more at https://fonts.google.com */
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700');
@import url('https://fonts.googleapis.com/css?family=Merriweather:400,700');
* {
    box-sizing: border-box;
}
body {
  background-color: white;
  font-family: "Open Sans", sans-serif;
  text-align: center;
  font-size: 18px;
  margin: 0 auto;
  color: #444;

}

h1 {
  font-family: "Merriweather", serif;
  font-size: 32px;
}

#kelly{
  display: inline-block;
  background-color:none;
  width:420px;
  height: 330px;

  
}
.box1{
    display: inline-block;
  background-color: rgb(21,22,24);
  width:140px;
  height: 110px;
    float: left;
    
}

.box2{
    display: inline-block;
  background-color: rgb(45,90,175);
   width:140px;
  height: 110px;
    float: left;
}

.box3{
    display: inline-block;
  background-color: rgb(231,208,115);
   width:140px;
  height: 110px;
    float: left;
}

.box4{
    display: inline-block;
  background-color: rgb(222,214,204);
   width:140px;
  height: 110px;
    float: left;
}

.box5{
    display: inline-block;
  background-color: rgb(27,34,59);
   width:140px;
  height: 110px;
    float: left;
}
.box6{
    display: inline-block;
  background-color: rgb(173,51,67);
   width:140px;
  height: 110px;
    float: left;
}


.box7{
    display: inline-block;
  background-color: rgb(43,43,43);
   width:140px;
  height: 110px;
    float: left;
}
.box8{
    display: inline-block;
  background-color: rgb(40,69,113);
   width:140px;
  height: 110px;
    float: left;
}
.box9{
    display: inline-block;
  background-color: rgb(70,137,174);
   width:140px;
  height: 110px;
    float: left;
}