CSS Battle #143 – Simply Circle

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

First attempt – 654.05 {210}

<div id=circle></div>
<style>
  body{
    background: #F5D6B4;
    margin: 0;
  }
  #circle {
    float: left;
    width: 200px;
    height: 200px;
    clip-path: circle();
    background: #D86F45;
  }
</style>

Minified – 781.34 {83}

<style>*>*{background:radial-gradient(circle at 100px 100px,#D86F45 100px,#F5D6B4 0

Knocked down a few characters – 786.6 {80}

<style>*>*{background:radial-gradient(circle at 106q 106q,#D86F45 106q,#F5D6B4 0

[Narigo]

Code Source – 790.19 {78}

<style>*>*{background:radial-gradient(circle,#D86F45 106q,#F5D6B4 0)75vw -50px

[Narigo]

Code Source – 805.26 {70}

<style>&{background:radial-gradient(1q at 25%106q,#D86F45 106q,#F5D6B4

[missatrox44]

Code Source – 706.34 {139}

<div/>
<style>
body {
margin: 0;
background: #F5D6B4;
}
div {
width: 200;
height: 200;
background: #D86F45;
border-radius: 50%;
}
</style>

[Arvind644]

Code Source – 680.66 {168}

<div></div>
<style>
  body {
    background: #F5D6B4;
    margin: 0;
  }
  div {
    width: 200;
    height: 200;
    border-radius: 50%;
    background: #D86F45;
  }
</style>