CSS Battle #104 – Amegakure

[meg-gutshall]

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 – 600 {1447}

<div></div>
<style>
  body {
    display: grid;
    background:#000000;
    place-items:center;
  }
  div {
    background: #37385A;
    border-radius: 20px;
    box-sizing: border-box;
    width: 240px;
    height: 120px;
    position:relative;
  }
  div::after {
    position: absolute;
    top:21q;
    left:21q;
    width:212q;
    height:85q;
    content: '';
    border-radius: 10px;
    background: 
      linear-gradient(to right,#0000 10px, #000 0 20px,#0000 0 30px, #000 0 40px,#0000 0 50px, #000 0 60px,#0000 0 70px, #000 0 80px,#0000 0) 55px 20q / 100px 45q no-repeat,
      radial-gradient(1q at 70px 20px,#000 5q,#0000 0),
      radial-gradient(1q at 90px 20px,#000 5q,#0000 0),
      radial-gradient(1q at 110px 20px,#000 5q,#0000 0),
      radial-gradient(1q at 130px 20px,#000 5q,#0000 0),
      radial-gradient(1q at 70px 64q,#000 5q,#0000 0),
      radial-gradient(1q at 90px 64q,#000 5q,#0000 0),
      radial-gradient(1q at 110px 64q,#000 5q,#0000 0),
      radial-gradient(1q at 130px 64q,#000 5q,#0000 0),
      radial-gradient(1q at 180px 20px,#000 5q,#0000 0),
      radial-gradient(1q at 180px 40px,#000 5q,#0000 0),
      radial-gradient(1q at 180px 60px,#000 5q,#0000 0),
      radial-gradient(1q at 20px 20px,#000 5q,#0000 0),
      radial-gradient(1q at 20px 40px,#000 5q,#0000 0),
      radial-gradient(1q at 20px 60px,#000 5q,#0000 0),
    linear-gradient(105deg,#9897AE 87q,#C0C3DB 0 140q,#9897AE 0);
  }
</style>