     margin: -7.5em;
        padding: 3em;
        position: absolute;
        top: 50%;
        width: 9em;
        transform: rotateX(45deg) rotateZ(45deg);
        transform-style: preserve-3d;
      }
      .cube,
      .cube:after,
      .cube:before {
        content: '';
        float: left;
        height: 3em;
        position: absolute;
        width: 3em;
      }
      /* Top */
      .cube {
        background-color: #06cf68;
        position: relative;
        transform: translateZ(3em);
      