CSS Battle #5 – Acid Rain

[meg-gutshall]

Link to battle:

Let's battle! ⚔️

Copy the code block below to format your comment on the discussion thread:

<details>
<summary>Code Source  – <strong>score {character count}</strong></summary>
<!-- have to be followed by an empty line! -->

```html
your cssbattles code here!
```

</details>

What others will see:

This will result in a nice hidden bit like so:

Code Source – score {character count}

your cssbattles code here!

[meg-gutshall]

My first attempt using nested divs – 608.51 {404}

<div class=btm>
  <div class="pt mid">
    <div class=pt></div>
  </div>
</div>
<style>
  body { background: #0B2429; }
  div {
    position: relative;
    width: 120px;
    height: 120px;
    border-radius: 60px;
    background: #F3AC3C;
  }
  .btm {
    top: 22px;
    left: 192px;
  }
  .pt {
    top: 60px;
    left: -60px;
    border-top-right-radius: 0;
  }
  .mid { background: #998235; }
</style>