body{
	font: bold 80px "Helvetica";
	-webkit-text-adjust: none;
	-webkit-user-select: none;
}

.env{
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-perspective: 500px;
}

.cube{
	-webkit-transform-style: preserve-3d;
	/*-webkit-transform: rotate3d(0,1,0,-180deg) rotate3d(1,0,0,90deg) rotate3d(0, 1, 0, -90deg);*/
	-webkit-transition-duration: 0.25s;
}

.square{
	position: absolute;
	width: 150px;
	height: 150px;
	-webkit-transform-style: preserve-3d;
	-webkit-transition-duration: 1s;
}

.text{
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	background-color: rgba(255, 255, 255, 0.8);
	border: solid 2px black;
	text-align: center;
	line-height: 146px;
	-webkit-transition-duration: 1s;
}

#p{
	top: -150px;
	left: -300px;
	-webkit-transform: translateX(225px) translateY(75px) translateZ(75px);
}

#z{
	top: 0px;
	left: 150px;
	-webkit-transform-origin: left;
	-webkit-transform: rotate3d(0, 1, 0, 90deg);
}

#dot{
	top: 150px;
	left: 0px;
	-webkit-transform-origin: top;
	-webkit-transform: rotate3d(1, 0, 0, -90deg);
}

#a{
	top: 0px;
	left: 150px;
	-webkit-transform-origin: left;
	-webkit-transform: rotate3d(0, 1, 0, 90deg);
}

#i{
	top: 0px;
	left: 150px;
	-webkit-transform-origin: left;
	-webkit-transform: rotate3d(0, 1, 0, 90deg);
}