CSS Battle #91 – Reflection

[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 – 627.47 {281}

<style>*&{
  background:
    linear-gradient(#6CB3A9 15px, #0000 0 25px, #6CB3A9 0 40px, #0000 0 50px, #6CB3A9 0 65px, #0000 0 75px, #6CB3A9 0 90px,#0000 0) 0 150px / 100% 50% no-repeat,
    radial-gradient(1q,#F6DF96 100px, #0000 0),
    linear-gradient(#D25B70 50%, #6CB3A9 0);
}

[Narigo]

Another solution...

Code Source – 647.75 {223}

<style>&{
  background:
    radial-gradient(1q at 50% 100%,#F6DF96 100px, #D25B70 0) 0 0 / 400px 150px no-repeat,
    radial-gradient(1q,#0000 100px, #6CB3A9 0),
    linear-gradient(#6CB3A9 15px, #F6DF96 0 25px)0 0/100%25px

Minified – 658.33 {202}

<style>&{background:radial-gradient(1q at 50% 100%,#F6DF96 100px, #D25B70 0)0 0/400px 150px no-repeat,radial-gradient(1q,#0000 100px, #6CB3A9 0),linear-gradient(#6CB3A9 15px, #F6DF96 0 25px)0 0/100%25px