h1 { text-align: center; padding: 10px 0 0; margin: 0; vertical-align: middle; line-height: 20px; font-weight: normal; -webkit-font-smoothing: subpixel-antialiased; cursor: default; }
#3dField { height: 100%; width: 100%; padding: 0; margin: 0; position: absolute; top: 0px; left: 0px; box-sizing: border-box; overflow: hidden; }

a:link, a:visited { color:#000; }

.polyhedron-outline { width: 180px; height: 300px; position: absolute; perspective: 900px; user-select: none; }
.polyhedron { position: relative; transform-style: preserve-3d; width: 180px; height: 300px; }
.face { 
	position: absolute;
	width: 180px; 
	height: 300px; 
	-webkit-backface-visibility: hidden; 
	backface-visibility: hidden; 
	text-align: justify; 
	background-color: #eee; 
	overflow-y:scroll; 
	font-size:6pt;
}
.face::-webkit-scrollbar {
		-webkit-appearance: none;
		  width: 6px;
	}
.face::-webkit-scrollbar-thumb {
		  border-radius: 5px;
		  background-color: rgba(0,0,0,.5);
		  -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
	}
.resizable { margin: 3px;}
.backface { background-color: #ddd; }
.prismcap { height: 156px; width:180px; background-clip: none; background-color: transparent;background-size: cover; overflow:hidden;}
.unaipon { background-image: url('../img/3unaipon.png');transform: rotateX( 90deg ) translateZ(78px) translateY(-26px);}
.cowan { background-image: url('../img/3cowan.png');transform: rotateX( -90deg ) rotateZ(180deg) translateZ(222px) translateY(-26px);}
.wagyl { transform: rotateY(  0deg) translateZ(52px); }
.sequence { transform: rotateY( 120deg) translateZ(52px); }
.infinite { transform: rotateY( -120deg ) translateZ(52px); }
.tri-text {width:100%;font-size: xx-large;text-align: center;}