CSS Battle #151 – Pawn

[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.31 {600}

<div></div>
<div b></div>
<div c></div>
<div d></div>
<style>
  body {
    display: grid;
    place-items: center;
    place-content:center;
    background:#F5D6B4;
    gap:5px;
    
  }
  div {
    height:50;
    width:50;
    border-radius:var(--r,50px);
    background: #D86F45;
  }
  [b]{height:20;width:80;--r:15px 15px 25px 25px;}
  [c]{height:65;width:85;z-index:-1;--r:-5px;position:relative;&:after,&:before{position:absolute;top:-100;left:-177;content:'';background:#F5D6B4;border-radius:50%;width:200;height:200}&:after{left:61}}
  [d]{height:40;width:140;--r:20px 20px 10px 10px}
</style>