CSS Battle #65 – Max Volume

[Narigo]

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!

[Narigo]

Code Source – score {character count}

<div a></div>
<div b></div>
<style>
  body {
    background: #191919;
    display: grid;
    grid-template-columns: 50% 50%;
    align-items: center;
    gap: 25px;
  }
  div {
    height: 200px;
  }
  [a] {
    box-sizing: border-box;
    background: #5DBCF9;
    border: 75px solid #191919;
    border-left-width: 67px;
    border-right-color: #5DBCF9;
    border-radius: 80px 0 0 80px;
  }
  [b] {
    width: 100px;
    background: radial-gradient(circle at 0 50%, #0000 40px, #5DBCF9 0 50px, #0000 0 65px, #5DBCF9 0 75px, #0000 0 90px, #5DBCF9 0 100px, #0000 0);
  }
</style>