#cube3d-wrapper{padding-top:10%}.cube3d-viewport{-webkit-transform:scale(.8,.8);-moz-transform:scale(.8,.8);-ms-transform:scale(.8,.8);-o-transform:scale(.8,.8);transform:scale(.8,.8);cursor:pointer;pointer-events:auto}.cube3d-cube{position:relative;margin:0 auto;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;-o-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform:rotateX(136deg) rotateY(1122deg);-moz-transform:rotateX(136deg) rotateY(1122deg);-ms-transform:rotateX(136deg) rotateY(1122deg);-o-transform:rotateX(136deg) rotateY(1122deg);transform:rotateX(136deg) rotateY(1122deg)}.cube3d-cube>.cube3d-face{overflow:hidden;position:absolute;background-image:url("../images/blank.png");background-repeat:no-repeat;background-size:cover;-webkit-touch-callout:none;-moz-touch-callout:none;-ms-touch-callout:none;-o-touch-callout:none;touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;outline:transparent solid 1px}.cube3d-cube>.cube3d-face>.cube3d-content{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);font-size:80px;text-align:center;color:#1b9bd8;-webkit-transition:color .6s;-moz-transition:color .6s;-ms-transition:color .6s;-o-transition:color .6s;transition:color .6s}.cube3d-cube>.cube3d-face>.cube3d-content.active{color:red}object{opacity:.5}object:hover{opacity:1}@media (max-width:640px){.cube3d-viewport{-webkit-transform:scale(.6,.6);-moz-transform:scale(.6,.6);-ms-transform:scale(.6,.6);-o-transform:scale(.6,.6);transform:scale(.6,.6)}}