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

.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;
}
.green {
  height: 481px;
  width: 156px;
  background: #88b445;
  position: absolute;
}
.yellow {
  height: 437px;
  width: 112px;
  background: #ecc417;
  position: absolute;
}
.pink {
  height: 390px;
  width: 59px;
  background: #cd5e52;
  position: absolute;
}

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