body{background:#000}.keno-diamond{position:relative;left:50%;top:50%;transform:translate(-50%) translateY(-50%) scale(.5);justify-content:center;align-items:center;display:grid}.keno-diamond div{transform-style:preserve-3d}.keno-diamond .diamond{height:100px;width:100px;position:relative;transform:rotateY(10deg) rotateX(10deg);animation:rotate 15s infinite}.keno-diamond .diamond .cap{position:absolute;height:100px;width:100px;top:-129px;transform:scaleZ(.58) scaleX(.58)}.keno-diamond .diamond .cap .triangle{transform:rotateX(92deg) scaleY(1.8)}.keno-diamond .diamond .top{position:absolute;height:0;width:100px;top:22px}.keno-diamond .diamond .top .pice-bounds{height:100px;width:100px;transform:rotateX(45deg) scaleY(-2.5)}.keno-diamond .diamond .top .triangle{height:20px}.keno-diamond .diamond .top .triangle:after{bottom:-80px}.keno-diamond .diamond .bottom{position:relative;height:100px;width:100px}.keno-diamond .diamond .bottom .triangle{transform:rotateX(45deg) scaleY(2.5)}.keno-diamond .pice{width:100px;position:absolute;bottom:0}.keno-diamond .pice:nth-child(1){bottom:0;transform:rotate(0) rotateY(60deg)}.keno-diamond .pice:nth-child(2){bottom:0;transform:rotate(0) rotateY(120deg)}.keno-diamond .pice:nth-child(3){bottom:0;transform:rotate(0) rotateY(180deg)}.keno-diamond .pice:nth-child(4){bottom:0;transform:rotate(0) rotateY(240deg)}.keno-diamond .pice:nth-child(5){bottom:0;transform:rotate(0) rotateY(300deg)}.keno-diamond .pice:nth-child(6){bottom:0;transform:rotate(0) rotateY(360deg)}.keno-diamond .pice:nth-child(7){bottom:0;transform:rotate(0) rotateY(420deg)}.keno-diamond .triangle{overflow:hidden;height:100px;width:100px;position:absolute}.keno-diamond .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)}}