CSS Battle #119 – Pacman

[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 – 601.85 {564}

<div></div>
<p>
<p>
<p>
<div g>
<style>
  * {
    background: var(--b, #000);
    border-radius: var(--r, 50%)
  }
  body {
    display: flex;
    place-items: start center;
    place-content: center;
    margin: 120 0
  }
  div {
    width: 60;
    height: 60;
    --b: conic-gradient(from 45deg at 46% 50%, #000 90deg, #E0E246 0);
    margin: 0 35
  }
  [g] {
    height: 57;
    --b: conic-gradient(from -45deg at bottom, #C74E4E 90deg, #000 0) 25%/20px 100%;
    --r: 30px 30px 0 0
  }
  p {
    width: 10;
    height: 10;
    --b: #FFF;
    margin: 25 10
  }