CSS Battle #89 – Summit

[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!

[meg-gutshall]

How did I get this before @Narigo!? – 613.7 {354}

<u></u>
<style>
  body {
    background: conic-gradient(from 135deg at 50% 159px, #4F77FF 0 90deg, transparent 90deg), #191919;
    display: grid;
    place-items: center;
  }
  u {
    width: 200;
    height: 200;
    background: conic-gradient(from 135deg at 50% 109px, #191919 0 90deg, transparent 90deg), #F9E492;
    border-radius: 50%;
  }
</style>

Minified – 629.65 {273}

<u><style>body{background:conic-gradient(from 135deg at 50%159px,#4F77FF 0 90deg,transparent 90deg)#191919;display:grid;place-items:center;}u{width:200;height:200;background:conic-gradient(from 135deg at 50%109px,#191919 0 90deg,transparent 90deg)#F9E492;border-radius:50%}

Refactored – 617.22 {330}

<u></u>
<style>
  body {
    background: conic-gradient(from 135deg at 50% 159px, #4F77FF 90deg, #0000 0), #191919;
    display: grid;
    place-items: center;
  }
  u {
    width: 200;
    height: 200;
    background: conic-gradient(from 135deg at 50% 109px, #191919 90deg, #0000 0), #F9E492;
    border-radius: 50%;
  }
</style>

Minified refactor – 637.27 {249}

<u><style>body{background:conic-gradient(from 135deg at 50%159px,#4F77FF 90deg,#0000 0)#191919;display:grid;place-items:center;}u{width:200;height:200;background:conic-gradient(from 135deg at 50%109px,#191919 90deg,#0000 0)#F9E492;border-radius:50%}