.front .squre {
  background-color: #1ba1e2 !important;
  border-color: #1ba1e2 !important;
}
.left .squre {
  background-color: #00CB9D !important;
  border-color: #00CB9D !important;
}
.back .squre {
  background-color: #F03838 !important;
  border-color: #F03838 !important;
}
.right .squre {
  background-color: #FFC16A !important;
  border-color: #FFC16A !important;
}
body {
  background-color: #f7f7f7;
}
.stage {
  background-color: #f7f7f7;
  border: 1px solid #f7f7f7;
  height: 200px;
  width: 200px;
  margin: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-85%);
          transform: translateX(-50%) translateY(-85%);
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
.stage .cube {
  height: 100%;
  width: 100%;
  -webkit-perspective: 600px;
          perspective: 600px;
  -webkit-perspective-origin: 100px 100px;
          perspective-origin: 100px 100px;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
}
.stage .cube .line-wrap {
  height: 31%;
  width: 99%;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  position: absolute;
  left: 0.5%;
}
.stage .cube .line-wrap.line-wrap-0 {
  top: 0.5%;
}
.stage .cube .line-wrap.line-wrap-1 {
  top: 33.2%;
}
.stage .cube .line-wrap.line-wrap-2 {
  top: 65.7%;
}
.stage .cube .line-wrap .line {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  margin-bottom: 2%;
}
.stage .cube .line-wrap .line:last-child {
  margin: 0;
}
.stage .cube .line-wrap .line.front {
  -webkit-transform: rotateY(0deg) translateX(0px) translateZ(0px);
          transform: rotateY(0deg) translateX(0px) translateZ(0px);
}
.stage .cube .line-wrap .line.left {
  -webkit-transform: rotateY(-90deg) translateX(-98px) translateZ(98px);
          transform: rotateY(-90deg) translateX(-98px) translateZ(98px);
}
.stage .cube .line-wrap .line.back {
  -webkit-transform: rotateY(180deg) translateX(0px) translateZ(196px);
          transform: rotateY(180deg) translateX(0px) translateZ(196px);
}
.stage .cube .line-wrap .line.right {
  -webkit-transform: rotateY(90deg) translateX(98px) translateZ(98px);
          transform: rotateY(90deg) translateX(98px) translateZ(98px);
}
.stage .cube .squre {
  background-color: #e2e8e7;
  border: 2px solid #1ba1e2;
  float: left;
  height: 100%;
  width: 62px;
}
.stage .cube .squre.squre-0-0 {
  background-color: #1ba1e2;
}
.stage .cube .squre.squre-0-1 {
  background-color: #1ba1e2;
}
.stage .cube .squre.squre-0-2 {
  background-color: #1ba1e2;
}
.stage .cube .squre.squre-1-0 {
  background-color: #1ba1e2;
}
.stage .cube .squre.squre-1-1 {
  background-color: #1ba1e2;
}
.stage .cube .squre.squre-1-2 {
  background-color: #1ba1e2;
}
.stage .cube .squre.squre-2-0 {
  background-color: #1ba1e2;
}
.stage .cube .squre.squre-2-1 {
  background-color: #1ba1e2;
}
.stage .cube .squre.squre-2-2 {
  background-color: #1ba1e2;
}
.stage .cube .squre {
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  line-height: 62px;
  text-align: center;
}
.cube.mout .line-wrap {
  -webkit-transform: rotateY(0deg) translateX(0px) translateZ(0px);
          transform: rotateY(0deg) translateX(0px) translateZ(0px);
}
.cube.index .line-wrap {
  -webkit-transform: rotateY(90deg) translateX(98px) translateZ(98px);
          transform: rotateY(90deg) translateX(98px) translateZ(98px);
}
.cube.blog .line-wrap {
  -webkit-transform: rotateY(180deg) translateX(0px) translateZ(196px);
          transform: rotateY(180deg) translateX(0px) translateZ(196px);
}
.cube.about .line-wrap {
  -webkit-transform: rotateY(270deg) translateX(-98px) translateZ(98px);
          transform: rotateY(270deg) translateX(-98px) translateZ(98px);
}
.line-wrap {
  -webkit-transition: all 0.7s;
  transition: all 0.7s;
}
.line-wrap.line-wrap-0 {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}
.line-wrap.line-wrap-1 {
  -webkit-transition-delay: 0.18s;
          transition-delay: 0.18s;
}
.line-wrap.line-wrap-2 {
  -webkit-transition-delay: 0.3s;
          transition-delay: 0.3s;
}