.welcome{margin-top:150px;perspective:1000px;perspective-origin:50% 50%;border-top:solid thin #999;border-bottom:solid thin #999}.logos{margin:auto;position:relative;height:200px;width:200px;transform-style:preserve-3d}.logos div{position:absolute;padding:10px;box-sizing:border-box;height:100%;width:100%;opacity:0.9;background-color:#fff;border:solid thin black;font:10px arial;transition:transform 0.2s ease-in}.front{transform:translateZ(100px)}.back{transform:translateZ(-100px) rotateY(180deg)}.right{transform:rotateY(-270deg) translateX(100px);transform-origin:top right}.left{transform:rotateY(270deg) translateX(-100px);transform-origin:left center}.top{transform:rotateX(-270deg) translateY(-100px);transform-origin:top center}.bottom{transform:rotateX(270deg) translateY(100px);transform-origin:bottom center}@keyframes rotate{from{transform:rotateX(0deg) rotateY(0deg)}to{transform:rotateX(360deg) rotateY(360deg)}}.logos{animation:rotate 20s infinite linear}.welcome:hover .front{transform:translateZ(200px)}.welcome:hover .back{transform:translateZ(-200px) rotateY(180deg)}.welcome:hover .right{transform:rotateY(-270deg) translateZ(100px) translateX(100px)}.welcome:hover .left{transform:rotateY(270deg) translateZ(100px) translateX(-100px)}.welcome:hover .top{transform:rotateX(-270deg) translateZ(100px) translateY(-100px)}.welcome:hover .bottom{transform:rotateX(270deg) translateZ(100px) translateY(100px)}.ph{background-image:url('/images/base/logos/ph.svg')}.minnti{background-image:url('/images/base/logos/minnti.svg')}