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

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

#yellow {
background: #e4cf00;
}
#yellow:hover {
    background-color: #ea2942;
}
#blue {
background: #47b7b0;
}
#blue:hover {
    background-color: #1c1b3b;
}
#navy {
background: #1c1b3b;
}
#navy:hover {
    background-color: #47b7b0;
}
#red {
background: #ea2942;
}
#red:hover {
    background-color: #e4cf00;
}

.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;
}




/*...............................split first one below/.......*/





body {
  background: black;
}
.box {
  width: 458px;
  height: 581px;
  /*border: 1px solid black;*/
  position: absolute;
  z-index: 15;
  top: 20%;
  left: 45%;
  margin: -100px 0 0 -190px;
  background: #212c5e;
}
.box:hover {
    background-color: white;
}

.left-box {
  height: 600px;
  width: 200px;
  /*border: 1px dashed white;*/
  display: inline-block;
}
.right-box {
  height: 600px;
  width: 200px;
  /*border: 1px dashed white;*/
  float: right;
  display: inline-block;
}

.orange {
  height: 526px;
  width: 200px;
  background: #ce5e2f;
}
.orange:hover {
    background-color: yellow;
}
.green {
  height: 481px;
  width: 156px;
  background: #88b445;
  position: absolute;
}
.green:hover {
    background-color: black;
}
.yellow {
  height: 437px;
  width: 112px;
  background: #ecc417;
  position: absolute;
}
.yelloe:hover {
    background-color: tomato;
}
.pink {
  height: 390px;
  width: 59px;
  background: #cd5e52;
  position: absolute;
}
.pink:hover {
    background-color: black;
}

#right {
  float: right;
  margin-left: 9.5%;
}
#ry {
  float: right;
  margin-left: 29%;
}
#pr {
  float: right;
  margin-left: 47%;
}