* {
  margin: 0;
  padding: 0;
}
.sqr {
  background: #4682b4;
  width: 87.5px;
  height: 87.5px;
  float: left;
}

.box {
  /*padding-top: 142px;
  padding-left: 426px;*/
  width: 373px;
  height: 361px;
  position: absolute;
  z-index: 15;
  top: 50%;
  left: 50%;
  margin: -100px 0 0 -150px;

}

#yellow {
background: #e4cf00;
}
#blue {
background: #47b7b0;
}
#navy {
background: #1c1b3b;
}
#red {
background: #ea2942;
}
.mini-box {
  width: 87.5px;
  height: 87.5px;
  float: left;
  background: white;
}

.sm-sqr {
width: 21.875px;
height: 21.875px;
float: left;
position: relative;
padding: inherit;
}