CSS Battle #147 – Splash

[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 – 624.98 {291}

<p a><p m><p b>
<style>*{background:#6592CF;margin:0}
  p {
    position:fixed;
    width:200;
    right:-65;
    bottom:-50;
    background:#060F55;
    border:solid+15px#060F55;
    border-radius:50px;
    rotate:45deg;
  }
  [b]{bottom:35;right:-150}
  [m]{bottom:-8;right:-108;scale:1.66

[meg-gutshall]

I hated this one– 615.51 {341}

<p f><p><p l>
<style>
  * {
    background: #6592CF;
    margin: 0;
  }
  p {
    position: fixed;
    rotate: 45deg;
    border-radius: 50px;
    background: #060F55;
    width: 250;
    height: 50;
    bottom: 28;
    right: -72;
  }
  [f] {
    height: 30;
    bottom: -58;
    right: -83;
  }
  [l] {
    height: 30;
    right: -167;
  }

[Narigo]

A gradient solution – 603.25 {505}

<style>&{background:
linear-gradient(45deg,#3210 83.5px,#060F55 0 113.5px,#3210 0) 270px 254px / 140px 140px no-repeat,
linear-gradient(45deg,#3210 83.5px,#060F55 0 113.5px,#3210 0) 355px 170px / 140px 140px no-repeat,
linear-gradient(45deg,#3210 74px,#060F55 0 124px,#3210 0) 100% 100% / 140px 140px no-repeat,
radial-gradient(circle at 280px 265px,#060F55 15px, #3210 0),
radial-gradient(circle at 365px 180px,#060F55 15px, #3210 0),
radial-gradient(circle at 276px 176px,#060F55 25px, #3210 0),
#6592CF

[Arvind644]

Code Source – 629.09 {275}

<div></div>
<style>
  body {
    background: #6592CF;
    margin: 240px 215px;
  }
  div {
    width: 300;
    height: 50;
    background: #060F55;
    border-radius: 25px;
    rotate: 45deg;
    box-shadow: 65px 60px 0 -10px #060F55, 65px -60px 0 -10px #060F55;
  }
</style>

[missatrox44]

Code Source – 597{599}

<style>
  body {
    background: 
radial-gradient(circle at 366px 180px, #060F55 15px, transparent 0),
radial-gradient(circle at 281px 265px, #060F55 15px, transparent 0),
radial-gradient(circle at 276px 176px, #060F55 25px, transparent 0),
linear-gradient(45deg, transparent 85px , #060F55 0 115px, transparent 0)  355px 170px / 140px 140px no-repeat,
linear-gradient(45deg, transparent 74px , #060F55 0 124px, transparent 0) 100% 100% / 140px 140px no-repeat,
linear-gradient(45deg, transparent 85px , #060F55 0 115px, transparent 0)  270px 255px / 140px 140px no-repeat,
    #6592CF;
  }
</style>

[missatrox44]

it's a 99.9% match. Thanks for the help @Narigo!!!