#experiment {
    -webkit-perspective: 800;
    -webkit-perspective-origin: 50% 200px;
	
	position: relative;
	top: 225px;
	
}
 

#cube {
    position: relative;
    margin: 0 auto;
    height: 500px;
    width: 500px;
    -webkit-transition: -webkit-transform 2s linear;
    -webkit-transform-style: preserve-3d;
	
}

 
.face {
    position: absolute;
    height: 500px;
    width: 500px;
    /*padding: 20px;*/
	padding: 0px;
}
 

 
#cube .one {
      -webkit-transform: rotateX(90deg) translateZ(250px);
    }
 
#cube .two {
  -webkit-transform: translateZ(250px);
}

#cube .three {
  -webkit-transform: rotateY(90deg) translateZ(250px);
}

#cube .four {
  -webkit-transform: rotateY(180deg) translateZ(250px);
  font-size: 10em;
}

#cube .five {
  -webkit-transform: rotateY(-90deg) translateZ(250px);
  font-size: 7em;
}

#cube .six {
  -webkit-transform: rotateX(-90deg) translateZ(250px) rotate(180deg);
  font-size: 10em;
}