CSS Battle #83 – Supernova

[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 {characters}</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 {characters}

your cssbattles code here!

[Narigo]

Code Source – 602.35 {539}

<div>
  <div p></div>
  <div p b></div>
  <div r></div>
</div>
<style>
  body {
    background: #243D83;
    display: grid;
    place-content: center;
  }
  div {
    position:relative;
    &>div{
      translate: -50% -50%;
      rotate:45deg;
    }
  }
  [r] {
    width:120;
    height:120;
    position:absolute;
    background:radial-gradient(#EEB850 30px,#243D83 0);
  }
  [p] {
    position:absolute;
    width: 220px;
    height: 100px;
    background: #6592CF;
    border-radius: 50px;
  }
  [b] {
    rotate:-45deg;
  }
</style>