index.html

<div class="h-screen bg-[#fffbeb] grid place-content-center">
  <div class="relative size-56 bg-[#fed6ab] border-[10px] border-[#441b03] rounded-full overflow-hidden">
    <div class="!static *:absolute *:size-[100px] *:-top-[36px]">
      <div class="rounded-br-[57px] -left-[28px] bg-[#441b03]"></div>
      <div class="rounded-bl-[57px] -right-[28px] bg-black"></div>
    </div>
    <div class="absolute w-16 h-8 left-[70px] bottom-[60px] bg-[#441b03] rounded-[100%]"></div>
    <div class="absolute left-[82px] top-[155px] bg-[#fda5a4] border-[6px] border-[#441b03] border-t-0  w-10 h-7 rounded-b-full"></div>
    <div class="absolute *:size-8 *:absolute *:rounded-full *:border-[6px] *:border-r-[#441b03] *:border-b-[#441b03] *:top-[128px] *:border-transparent">
      <div class="left-[72px] rotate-[30deg]"></div>
      <div class="left-[100px] rotate-[60deg]"></div>
    </div>
    <div class="*:absolute *:relative *:size-6 *:bg-black *:rounded-full *:overflow-hidden *:*:absolute *:*:size-4 *:*:bg-[#fefffe] *:*:-right-1 *:*:-top-1 *:*:rounded-full">
      <div class="left-14 top-16">
        <div></div>
      </div>
      <div class="left-[124px] top-10">
        <div></div>
      </div>
    </div>
    <div class="absolute left-[98px] top-[120px] bg-[#441b03] w-2 h-12 rounded-full"></div>
  </div>
</div>