.body { position: absolute; width: 400px; height: 400px; transform: translate(25%, 25%); border-radius: 50%; background-color: #B0C705; overflow: hidden; } .b1 { position: absolute; width: 90px; height: 90px; top: 160px; left: 160px; transform: rotate(90deg); background-image: radial-gradient(#ECFA86,#B5CC01); border-radius: 30%; } .b2 { position: absolute; width: 90px; height: 90px; top: 80px; left: 80px; transform: rotate(90deg); border-radius:30%; background-image: radial-gradient(#ECFA86,#B5CC01); } .b3 { position: absolute; width: 90px; height: 90px; top: 240px; left: 240px; transform: rotate(90deg); border-radius: 30%; background-image: radial-gradient(#ECFA86,#B5CC01); } .b4 { position: absolute; width: 0px; height: 0px; top: 320px; left: 160px; transform: rotate(225deg); border-top: 90px solid transparent; border-right: 90px solid #C2DA0E; border-radius: 30% } .b5 { position: absolute; width: 90px; height: 90px; top: 240px; left: 80px; transform: rotate(90deg); background-image: radial-gradient(#ECFA86,#B5CC01); border-radius: 30%; } .b6 { position: absolute; width: 0px; height: 0px; top: 160px; left: 0px; transform: rotate(315deg); border-top: 90px solid transparent; border-right: 90px solid #C2DA0E; border-radius: 30%; } .b7 { position: absolute; width: 0px; height: 0px; top: 0px; left: 160px; border-top: 90px solid transparent; border-right: 90px solid #C2DA0E; transform: rotate(45deg); border-radius: 30%; } .b8 { position: absolute; width: 90px; height: 90px; top: 80px; left: 240px; transform: rotate(90deg); background-image: radial-gradient(#ECFA86,#B5CC01); border-radius: 30%; } .b9 { position: absolute; width: 0px; height: 0px; top: 160px; left: 320px; border-top: 90px solid transparent; border-right: 90px solid #C2DA0E; transform: rotate(135deg); border-radius: 30%; } .head { position: absolute; width:200px; height: 200px; left: 70px; top: 40px; background-image: radial-gradient(#E5D80D,#B5B603); border-radius: 50%; z-index: -1; } .eye1 { position: absolute; width: 30px; height: 30px; left: 80px; top: 30px; background-image: radial-gradient(#554501,#413900); border-radius: 50%; } .eye2 { position: absolute; width: 30px; height: 30px; left: 30px; top: 70px; background-image: radial-gradient(#554501,#413900); border-radius: 50%; } .hand1 { position: absolute; width: 150px; height: 150px; left: 30px; top: 240px; background-image: radial-gradient(#E5D80D,#B5B603); z-index: -1; border-radius: 50%; } .hand2 { position: absolute; width: 150px; height: 150px; left: 280px; top: 50px; background-image: radial-gradient(#E5D80D,#B5B603); z-index: -1; border-radius: 50%; } .leg1 { position: absolute; width: 150px; height: 150px; left: 250px; top: 420px; background-image: radial-gradient(#E5D80D,#B5B603); z-index: -1; border-radius: 50%; } .leg2 { position: absolute; width: 150px; height: 150px; left: 420px; top: 250px; background-image: radial-gradient(#E5D80D,#B5B603); z-index: -1; border-radius: 50%; }