.mainWrap{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);perspective:1000px}.mainWrap div{transform-origin:center center}.wrapper{position:relative}.c1{border-radius:100%;height:200px;width:200px;border:1px solid #e7b439;animation:rotFirst 30s linear infinite,fadeIn 2s forwards;transform:rotateX(10deg) rotateY(10deg);transform-style:preserve-3d}.c1 .c2{border-radius:100%;height:190px;width:190px;border:1px dashed #ffb61e}.c1 .c2,.c1 .c2 .c3{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotateX(10deg) rotateY(10deg)}.c1 .c2 .c3{border:1px solid #ffb61e;height:180px;width:180px;border-radius:100%;animation:changeColor 30s linear infinite}.c1 .c2 .c3 .rect1{border:1px dotted #ffb61e;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotateX(10deg) rotateY(10deg);height:120px;width:120px}.c1 .c2 .c3 .rect1 .miniC{text-align:center;height:120px;width:120px;position:relative}.c1 .c2 .c3 .rect1 .miniC .box{height:10px;width:10px;border:1px solid #ffb61e;border-radius:100%;margin:4px}.c1 .c2 .c3 .rect1 .miniC .miniC1{top:-12%;left:50%}.c1 .c2 .c3 .rect1 .miniC .miniC1,.c1 .c2 .c3 .rect1 .miniC .miniC2{position:absolute;transform:translate(-50%,-50%) rotateX(10deg) rotateY(10deg);height:20px;width:20px;border:3px solid #ffb61e;border-radius:100%;animation:changeColor 30s linear infinite}.c1 .c2 .c3 .rect1 .miniC .miniC2{top:50%;left:-12%}.c1 .c2 .c3 .rect1 .miniC .miniC3{top:50%;left:112%}.c1 .c2 .c3 .rect1 .miniC .miniC3,.c1 .c2 .c3 .rect1 .miniC .miniC4{position:absolute;transform:translate(-50%,-50%) rotateX(10deg) rotateY(10deg);height:20px;width:20px;border:3px solid #ffb61e;border-radius:100%;animation:changeColor 30s linear infinite}.c1 .c2 .c3 .rect1 .miniC .miniC4{top:112%;left:50%}.c1 .c2 .c3 .rect1 .c4{height:120px;width:120px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotateX(10deg) rotateY(10deg);border-radius:100%;border:1px dotted #ffb61e;animation:changeColor 30s linear infinite}.c1 .c2 .c3 .rect1 .c4 .rect2{border:1px solid #ffb61e;height:80px;width:80px;margin:20px auto 0;animation:rotminiC 10s linear infinite}.c1 .c2 .c3 .rect1 .c4 .rect3{border:1px solid #ffb61e;height:80px;width:80px;transform:rotate(135deg);transform-origin:center center}.c1 .c2 .c3 .rect1 .c5{border:1px solid #ffb61e;height:70px;width:70px;border-radius:100%}.c1 .c2 .c3 .rect1 .c5,.c1 .c2 .c3 .rect1 .c6{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotateX(10deg) rotateY(10deg);animation:changeColor 30s linear infinite}.c1 .c2 .c3 .rect1 .c6{border:3px solid #ffb61e;height:50px;width:50px;border-radius:100%}.c1 .c2 .c3:hover,.c1 .c2:hover,.c1:hover{box-shadow:0 0 20px #efb61e;cursor:pointer;transition:transform .5s ease-in-out,box-shadow .5s ease-in-out}@keyframes rotFirst{0%{transform:rotate(-1turn)}to{transform:rotate(0deg)}}@keyframes rotminiC{0%{transform:rotate(0deg)}to{transform:rotate(-1turn)}}@keyframes changeColor{0%{box-shadow:0 0 70px #fa9542;border:3px solid #fa9642}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}