CSS Battle - #5 Acid Rains

<div></div> 

 body { background: #0B2429; display: flex; align-items: center; justify-content: center; } div { width: 120px; height: 120px; border-radius: 50%; border-top-right-radius: 0; background: #998235; position: relative; } div::after, div::before { position: absolute; content: ''; width: inherit; height: inherit; background: #F3AC3C; } div::after { top: 60px; right: 60px; border-radius: inherit; } div::before { top: -60px; right: -60px; border-radius: 50%; z-index: -1; }