body{
	display:-webkit-box;
	-webkit-box-orient:horizontal;
	color:YELLOW;
	font-family:calibri;
	font-size:2px;
	background:-webkit-linear-gradient(-64deg,#3f9cb7,#24778f)
 }
 
 #container{
 width:100%;
 height:700px;
 -webkit-perspective:600;
 -webkit-perspective-origin:50% 225px;
 background:#f5f6d1;
 }
 #stage{
	width:100%;
	height:100%;
	-webkit-transition:-webkit-transform 2s;
	-webkit-transform-style:preserve-3d;
 }
 #shape{
	display: inline-block;
	position:relative;
	top:150px;
	margin:0 auto;
	height:700px;
	width:200px;
	-webkit-transform-style:preserve-3d;
	
 }
 
 .plane{
	position:absolute;
	height:6px;
	width:6px;
	-webkit-border-radius:0.2px;
	-webkit-box-sizing:border-box;
	text-align:center;
	-webkit-transition:-webkit-transform 2s, position,right,opacity 2s;
	background-color:#721b12;
 }
 
 .Itwo{
 -webkit-transform:rotate(720deg);
 position:relative;
right:7px;
 } 
#one{
	background:#3f9cb7;
	padding:0px;
	margin:0px;
	-webkit-border-radius:1px;
	background:-webkit-linear-gradient(-64deg,#3f9cb7 ,#24778f)
	opacity:0.6;
	-webkit-transition:-webkit-transform 2s, all 0.5s ease-in-out,opacity 2s, background 2s;
 
	}
#one:hover{
-webkit-transform:rotate(720deg);
-webkit-transform:all 0.5s ease-in-out;;

opacity:1;
background:91ad31;
}

 .Ithree{
position:relative;
left:7px;
bottom:6px;
z-index:-1;
 }
 .Ifour{
 position:relative;
left:0px;
bottom:5px;
 } 
 .twelve{
 position:relative;
left:0px;
bottom:3px;
 }
 .eleven{
 position:relative;
left:0px;
bottom:4px;
 }
 /*
#shape{
	-webkit-animation: spin 10s infinite linear;
 }
 
 @-webkit-keyframes spin{
	from{ -webkit-ransform: rotateY(0);}
	to {-webkit-transform: rotateY(-360deg);}
 }*/ 
 .cube  .one{
	opacity: 0.7;
	-webkit-transform: scale3d(1.2,1.2,1.2) rotateX(90deg) translateZ(100px);
 }
 
 .cube  .two {
      opacity: 0.5;
      -webkit-transform: scale3d(1.2, 1.2, 1.2) translateZ(100px);
    }

    .cube  .three {
      opacity: 0.5;
      -webkit-transform: scale3d(1.2, 1.2, 1.2) rotateY(90deg) translateZ(100px);
    }

    .cube  .four {
      opacity: 0.5;
      -webkit-transform: scale3d(1.2, 1.2, 1.2) rotateY(180deg) translateZ(100px);
    }
	.cube  .five {
      opacity: 0.5;
      -webkit-transform: scale3d(1.2, 1.2, 1.2) rotateY(-90deg) translateZ(100px);
    }


 .ring .Ione{
	opacity: 0.5;
	-webkit-transform: scale3d(1.2,1.2,1.2) rotateY(-45deg) translateZ(200px);
 }

 .ring  .Itwo {
      opacity: 0.5;
      -webkit-transform: scale3d(1.2, 1.2, 1.2) translateZ(200px);
    }

    .ring  .Ithree {
      opacity: 0.5;
      -webkit-transform: scale3d(1.2, 1.2, 1.2) rotateY(-90deg) translateZ(200px);
    }

    .ring  .four {
      opacity: 0.5;
      -webkit-transform: scale3d(1.2, 1.2, 1.2) rotateY(90deg) translateZ(200px);
    }
	.ring  .five {
      opacity: 0.5;
      -webkit-transform: scale3d(1.2, 1.2, 1.2) rotateY(45deg) translateZ(200px);
    }
 /*
*/