#cube-scene{perspective:1200px}.transform-style-3d{transform-style:preserve-3d}.cube-module{position:absolute;width:60px;height:60px;transform-style:preserve-3d;cursor:pointer}.cube-module:hover .cube-face{border-color:rgba(16,185,129,1);background:rgba(16,185,129,0.3)}.cube-face{position:absolute;width:100%;height:100%;box-shadow:0 0 5px 0 rgba(16,185,129,0.25);border:1px solid rgba(16,185,129,0.25);background:rgba(16,185,129,0.05);backface-visibility:visible}.face-front{transform:rotateY(0deg) translateZ(30px)}.face-back{transform:rotateY(180deg) translateZ(30px)}.face-right{transform:rotateY(90deg) translateZ(30px)}.face-left{transform:rotateY(-90deg) translateZ(30px)}.face-top{transform:rotateX(90deg) translateZ(30px)}.face-bottom{transform:rotateX(-90deg) translateZ(30px)}