.stage {float: right; margin: 30px 30px 0px -50px}

.imcube {width: 100%; height: 97%; border: 1px solid lightgray; margin-bottom: 12px;}

@keyframes spincube {
    from,to {transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);}/*start*/
    16% {transform: rotateY(-90deg);}/*2*/
    33% {transform: rotateY(-90deg) rotateZ(90deg);}/*3*/
    50% {transform: rotateY(-180deg) rotateZ(90deg);}/*4*/
    66% {transform: rotateY(-180deg) rotateZ(90deg) rotateY(-90deg);}/*5*/
    83% {transform: rotateY(-180deg) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg);}/*6*/
	100% {transform: rotateY(-180deg) rotateZ(90deg) rotateY(-90deg) rotateZ(90deg) rotateX(-90deg);}/*end*/
  }

  .cubespinner {
    animation-name: spincube;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-duration: 14s;

    transform-style: preserve-3d;
    transform-origin: 60px 60px 0;
    margin: 0px;
    padding: 0px;
  }

  .cubespinner div {
    position: absolute;
    width: 120px;
    height: 120px;
    border: 1px solid #ccc;
    background: rgba(255,255,255,0.8);
    box-shadow: inset 0 0 20px rgba(0,0,0,0.2);
    line-height: 120px;
    text-align: center;
    font-size: 38px;
    margin: 0px;
    padding: 0px;
  }

  .cubespinner .face1 {transform: translateZ(60px);}
  .cubespinner .face2 {transform: rotateY(90deg) translateZ(60px);}
  .cubespinner .face3 {transform: rotateY(90deg) rotateX(90deg) translateZ(60px);}
  .cubespinner .face4 {transform: rotateY(180deg) rotateZ(90deg) translateZ(60px);}
  .cubespinner .face5 {transform: rotateY(-90deg) rotateZ(90deg) translateZ(60px);}
  .cubespinner .face6 {transform: rotateX(-90deg) translateZ(60px);}