CSS Battle #87 – Building Blocks

[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 – 601.45 {590}

<div></div>
<div b></div>
<style>
  &{background:#F3AC3C}
  div {
    position:fixed;
    width: 150;
    height: 100;
    --r: radial-gradient(circle at 0 0, #1A4341 10px, #F3AC3C 0);
    background:
      var(--r) 140px 40px / 10px 10px no-repeat,
      var(--r) 90px 90px / 10px 10px no-repeat,
      radial-gradient(circle at 110px 60px, #F3AC3C 10px, #1A4341 0) 0 0 / 110px 60px no-repeat,
      linear-gradient(#F3AC3C, #F3AC3C) 100px 50px no-repeat,
      #1A4341;
    border-radius: 10px;
    top:65;left:65
  }
  [b] {
    transform-origin: 90% 85%;
    rotate: 180deg
  }
</style>