body{background:#000}.wrapper{position:relative;left:50%;top:50%;transform:translate(-50%) translateY(-50%);scale:.5;justify-content:center;align-items:center;display:grid}.wrapper div{transform-style:preserve-3d}.diamond{height:100px;width:100px;position:relative;transform:rotateY(10deg) rotateX(10deg);animation:rotate 15s infinite}.diamond .cap{position:absolute;height:100px;width:100px;top:-129px;transform:scaleZ(.58) scaleX(.58)}.diamond .cap .triangle{transform:rotateX(92deg) scaleY(1.8)}.diamond .top{position:absolute;height:0;width:100px;top:22px}.diamond .top .pice-bounds{height:100px;width:100px;transform:rotateX(45deg) scaleY(-2.5)}.diamond .top .triangle{height:20px}.diamond .top .triangle:after{bottom:-80px}.diamond .bottom{position:relative;height:100px;width:100px}.diamond .bottom .triangle{transform:rotateX(45deg) scaleY(2.5)}.pice{width:100px;position:absolute;bottom:0}.pice:nth-child(1){bottom:0;transform:rotate(0) rotateY(60deg)}.pice:nth-child(2){bottom:0;transform:rotate(0) rotateY(120deg)}.pice:nth-child(3){bottom:0;transform:rotate(0) rotateY(180deg)}.pice:nth-child(4){bottom:0;transform:rotate(0) rotateY(240deg)}.pice:nth-child(5){bottom:0;transform:rotate(0) rotateY(300deg)}.pice:nth-child(6){bottom:0;transform:rotate(0) rotateY(360deg)}.pice:nth-child(7){bottom:0;transform:rotate(0) rotateY(420deg)}.triangle{overflow:hidden;height:100px;width:100px;position:absolute}.triangle:after{position:absolute;content:"";bottom:0;left:0;background:#f8b80e;height:100px;width:100px;animation:2s glow infinite;transform:rotate(45deg) translate(-50%) translateY(-50%)}@keyframes glow{0%{box-shadow:inset 0 10px 30px #fef0cc}50%{box-shadow:inset 0 20px 60px #fef0cc,0 2px 8px #f9c334}to{box-shadow:inset 0 10px 30px #fef0cc}}@keyframes rotate{0%{transform:rotateY(10deg) rotateX(10deg) rotate(10deg)}50%{transform:rotateY(580deg) rotateX(10deg) rotate(-30deg)}to{transform:rotateY(10deg) rotateX(10deg) rotate(10deg)}}