.polygon{position:relative;transform-style:preserve-3d}.face{position:absolute}@keyframes rotate{0%{transform:translateZ(0) rotateX(-30deg) rotateY(1turn) rotate(0)}to{transform:translateZ(0) rotateX(-30deg) rotateY(0deg) rotate(0)}}.icosahedron{padding:0;height:100px;width:100px;display:flex;justify-content:center;align-items:center;transform-style:preserve-3d;position:absolute;top:0;left:0;right:0;bottom:0;margin:auto}.hexagon-container,.pentagon-container{border-radius:100%}.hexagon,.pentagon{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.pentagon{-webkit-clip-path:polygon(50% 0,97.552825815% 34.54915028%,79.389262615% 90.450849718%,20.610737385% 90.450849718%,2.447174185% 34.54915028%);clip-path:polygon(50% 0,97.552825815% 34.54915028%,79.389262615% 90.450849718%,20.610737385% 90.450849718%,2.447174185% 34.54915028%)}.hexagon{-webkit-clip-path:polygon(0 50%,25% 93.301270189%,75% 93.301270189%,100% 50%,75% 6.698729811%,25% 6.698729811%);clip-path:polygon(0 50%,25% 93.301270189%,75% 93.301270189%,100% 50%,75% 6.698729811%,25% 6.698729811%);position:relative}.icosahedron .half>.face,.icosahedron>.half-container>.face,.icosahedron>.polygon>.face{transform-style:preserve-3d}.pentagon.pen-0-0{background:#f0f2eb}.hexagon.hex-0-1{background:#ffbd87}.hexagon.hex-0-2{background:#ffd791}.hexagon.hex-0-3{background:#e9e8a6}.hexagon.hex-0-4{background:#d9e8ae}.hexagon.hex-0-5{background:#bfe3c0}.pentagon.pen-1-0{background:#e6f2eb}.hexagon.hex-1-1{background:#f5bd87}.hexagon.hex-1-2{background:#f5d791}.hexagon.hex-1-3{background:#dfe8a6}.hexagon.hex-1-4{background:#cfe8ae}.hexagon.hex-1-5{background:#b5e3c0}.pentagon.pen-2-0{background:#dcf2eb}.hexagon.hex-2-1{background:#ebbd87}.hexagon.hex-2-2{background:#ebd791}.hexagon.hex-2-3{background:#d5e8a6}.hexagon.hex-2-4{background:#c5e8ae}.hexagon.hex-2-5{background:#abe3c0}.pentagon.pen-3-0{background:#d2f2eb}.hexagon.hex-3-1{background:#e1bd87}.hexagon.hex-3-2{background:#e1d791}.hexagon.hex-3-3{background:#cbe8a6}.hexagon.hex-3-4{background:#bbe8ae}.hexagon.hex-3-5{background:#a1e3c0}.pentagon.pen-4-0{background:#c8f2eb}.hexagon.hex-4-1{background:#d7bd87}.hexagon.hex-4-2{background:#d7d791}.hexagon.hex-4-3{background:#c1e8a6}.hexagon.hex-4-4{background:#b1e8ae}.hexagon.hex-4-5{background:#97e3c0}.pentagon.pen-5-0{background:#bef2eb}.hexagon.hex-5-1{background:#cdbd87}.hexagon.hex-5-2{background:#cdd791}.hexagon.hex-5-3{background:#b7e8a6}.hexagon.hex-5-4{background:#a7e8ae}.hexagon.hex-5-5{background:#8de3c0}.house{width:162px;height:142px;perspective:600px;margin:150px}.stage{--rotationAxisX:0;--rotationAxisY:0;--rotationAxisZ:0;position:relative;perspective:10000px;transform-style:preserve-3d;transform:rotateX(var(--rotationAxisX)) rotateY(var(--rotationAxisY)) rotate(var(--rotationAxisZ))}