<!--

						
UL, OL, LI { font-family: Calibri; font-size: 18px; color: black;}
#topheader { font-family: Arial, Helvetica; font-size: 14px; color: #36516F;}
#topheader, #topcontent { font-family: Arial, Helvetica; font-size: 12px; color: #36516F;}
.code { font-family: Courier New, Monospace; font-size: 12px; margin: 10px; padding: 0px; color: blue; }
--> 

.wrapper {
  width: 100%;
  float: left;
}
.w1 {
-webkit-perspective: 1500px;
}

.w2 {
  perspective: 500px;
}
.wrapper h1 {
  text-align: center;
}


.cube {
  font-size: 40px;
  width: 300px;
  margin: 200px auto;
  transform-style: preserve-3d;

}
.side { 	border-collapse: collapse;
  position: absolute;
  width: 300px;
  height: 300px;
  
  background: rgba(255, 255, 171, .7);
  border: 3px solid rgba(0,0,0,.5);
  
  color: black; 
  text-align: center;
  line-height: 80px;
  backface-visibility: hidden;
}


.DECK   { height: 800px; }
.DECK2    { height: 800px; transform: rotateX( 90deg)  translateZ(240px); }

.left   { width: 800px; transform: rotateY(-90deg)  translateZ(100px);  }
.back   {  transform: rotateY(0deg) translateZ(-400px); }


					.object3D{ transform-style: preserve-3d; position: absolute;
					-webkit-backface-visibility: visible; /* Chrome, Safari, Opera */
					backface-visibility: visible; }


					.object3DD{ transform-style: preserve-3d; position: absolute;
					-webkit-backface-visibility: visible; /* Chrome, Safari, Opera */
					backface-visibility: visible;
					 }
					.object3DN{ display:none;
					 }


#SBOXside1 {
        width:320px;
        line-height:80px;
        padding:15px;
        border:2px solid #000;
        background-color:rgba(255,255,255,0.5);
		
		animation: pulsowanie 3s infinite alternate;
		-webkit-animation: pulsowanie 3s infinite alternate;
      }
	    
  
@keyframes pulsowanie
		{
		from { transform:perspective(160px) rotateY(60deg); -webkit-transform:perspective(320px) rotateY(60deg); /* zapis dla przeglądarki Safari */ }
		to { transform:perspective(16px) rotateY(45deg); -webkit-transform:perspective(320px) rotateY(45deg); /* zapis dla przeglądarki Safari */ }
		}
		@-webkit-keyframes pulsowanie
		{
		from {transform:perspective(160px) rotateY(60deg); -webkit-transform:perspective(320px) rotateY(60deg); /* zapis dla przeglądarki Safari */}
		to {transform:perspective(160px) rotateY(45deg); -webkit-transform:perspective(320px) rotateY(45deg); /* zapis dla przeglądarki Safari */}
		}  
  
  
#SBOXbottom{
        width:320px;
        line-height:80px;
        padding:15px;
        border:2px solid #000;
        background-color:rgba(255,255,255,0.5);
		
		animation: pulsowanie 3s infinite alternate;
		-webkit-animation: pulsowanie 3s infinite alternate;
      }