.body {
	width: 1000px;
	height: 100%}

.cubo {
	position: relative;
	transform-style: preserved-3d;
	width: 100%;
	height: 100%}

.one {
    width: 200px;
	height: 200px;
	position: absolute;
	background-color: red;
	top: 50px;
	left: 0;
	transform:translateZ(50px)  }

.two {
	width: 200px;
	height: 200px;
	position: absolute;
	background-color: purple;
	top: 0;
	left: 34px;
	transform: rotateX(80deg) skew(-19deg, 0) translateZ(68px)}

.three {
	width: 200px;
	height: 200px;
	position: absolute;
	background-color: gray;
	top: 41px;
	left: 117px;
	transform: rotateY(70deg) skew(0deg, -10deg) translate(50px)}

.four {
	width: 200px;
	height: 200px;
	position: absolute;
	background-color: green;
	top: 200px;
	left: 34px;
	transform: rotateX(80deg) skew(-19deg, 0) translateZ(68px)}

.five {
	width: 200px;
	height: 200px;
	position: absolute;
	background-color: pink;
	top: 41px;
	left: -83px;
	transform: rotateY(70deg) skew(0deg, -10deg) translate(50px)}

.six {
	width: 200px;
	height: 200px;
	position: absolute;
	background-color: yellow;
	top: 15px;
	left: 69px;
	transform: translateZ(0px)}