#28 - Cups & Balls.html

<p>
<p i>
<p j>
<p k>
<p a>
<p b>
<p c>
<p d>
  <style>
    * {
      background: var(--g, #1a4341);
      margin: 40 0 0 30
    }

    [i],
    [j] {
      --: 50%50%0%0
    }

    [a],
    [d] {
      --: 0%0%50%50%
    }

    [i],
    [k],
    [a],
    [c] {
      --g: #f3ac3c
    }

    p {
      float: left;
      padding: 25;
      --g: #998235;
      margin: 10;
      border-radius: var(--, 50%