CSS Battles #53 – Pastel Logo

[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]

Ok, this isolation thing is weird.

Code Source – 608.27 {407}

<div>
<div id=c></div>
<div id=r></div>
</div>
<style>
  body {
    display: grid;
    place-items: center;
    background: #19191A;
  }
  #c {
    isolation: isolate;
    background: conic-gradient(#4F77FF 50%, #9AD5FF 0 75%, #4F77FF 0);
    width: 150px;
    height: 150px;
    border-radius: 50%;
  }
  #r {
    margin-top: -75px;
    width: 75px;
    height: 125px;
    background: #F9E492;
  }
</style>

[ClJarvis]

Weird but it works.