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

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

 
.face {
    position: absolute;
    height: 360px;
    width: 360px;
    padding: 20px;
    background-color: rgba(50, 50, 50, 0.7);
	
	color: #FFFFFF;
	font-size: 20em;
	text-align: center;
}
 

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

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

#cube .four {
  -webkit-transform: rotateY(180deg) translateZ(200px);
}
.four > .text
{
	line-height: 5cm;
	padding: 0px;
	margin-top: 0px;
}

#cube .five {
  -webkit-transform: rotateY(-90deg) translateZ(200px);
}
.five > .text
{
	line-height: 2.5cm;
	padding: 0px;
	margin-top: 40px;
}

#cube .six {
  -webkit-transform: rotateX(-90deg) translateZ(200px) rotate(180deg);
}
.six > .text
{
	line-height: 3.5cm;
	padding: 0px;
	margin-top: 30px;
}