CSS Battle #69 - PushOwl

[piotrszymaniec]

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 {character count}</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 {character count}

your cssbattles code here!

[david-001]

Code Source – 595.35 {1424}

<div c></div>
<div a></div>
<div f></div>
<div b></div>
<div d></div>
<div e></div>

<style>
  body{
    margin:0;
    background: #191919;
    position: relative;
  }
  [a]{
    position: absolute;
    top: 77px;
    left: 89px;
    width: 115px;
    height: 115px;
    background: radial-gradient(circle , #191919 55%, #E08027 56%, #E08027 100%);
    border-radius: 0 50% 50% 50%;
  }
  [b]{
    position: absolute;
    top: 77px;
    right: 89px;
    width: 115px;
    height: 115px;
    background: radial-gradient(circle , #191919 55%, #E08027 56%, #E08027 100%);
    border-radius: 50% 0% 50% 50%;
  }
  [c]{
    position: absolute;
    top: 170px;
    left: 170px;
    width: 52px;
    height: 40px;
    background: #E08027;
    rotate: 45deg;
  }
  [d]{
    position: absolute;
    top: 125px;
    left: 130px;
    width: 10px;
    height: 10px;
    border: 10px solid #E08027;
    border-radius: 50%;
    border-bottom-color: transparent;
    border-right-color: transparent;
    rotate: 45deg;
  }
  [e]{
    position: absolute;
    top: 125px;
    right: 130px;
    width: 10px;
    height: 10px;
    border: 10px solid #E08027;
    border-radius: 50%;
    border-bottom-color: transparent;
    border-right-color: transparent;
    rotate: 45deg;
  }
  [f]{
    position: absolute;
    top: 66px;
    right: 78px;
    width: 135px;
    height: 135px;
    background: #191919;
    border-radius: 50%;
  }
</style>