CSSBattle 1.5: Acid Rain Solution

1<div id="a"></div>
2<div id="b"></div>
3<div id="c"></div>
4<style>
5  body {
6    background: #0b2429;
7  }
8  #a,
9  #b,
10  #c {
11    width: 7.5rem;
12    height: 7.5rem;
13    position: absolute;
14    top: 50%;
15    left: 50%;
16    background: #f3ac3c;
17    border-radius: 50% 0 50% 50%;
18  }
19  #c {
20    transform: translate(-100%);
21  }
22  #b {
23    transform: translate(-50%, -50%);
24    background: #998235;
25  }
26  #a {
27    transform: translate(0, -100%);
28    border-top-right-radius: 50%;
29  }
30</style>