CSS Battle #64 – Door Knob

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

[Narigo]

Code Source – 600.42 {719}

<div></div>
<style>
  body {
    background: #191919;
    display: grid;
    place-items:center;
  }
  div {
    background: #E08027;
    border:30px solid #824B20;
    border-radius: 50%;
    width: 100px;
    height: 100px;
  }
  div:after {
    content: '';
    position: absolute;
    margin: -10px;
    height: 80px;
    width: 80px;
    border: 20px solid #FFF58F;
    border-top-color: transparent;
    border-left-color: transparent;
    border-radius: 50%;
    background:
      radial-gradient(circle at 80px 80px, #FFF58F 10px, #0000 0) -5px -75px / 200% 200% no-repeat,
      radial-gradient(circle at 80px 80px, #FFF58F 10px, #0000 0) -75px -5px / 200% 200% no-repeat
    ;
    rotate: 45deg;
  }
</style>