html {
  --s: 100px; /* control the size */
  
  --_g: #FCD036 0 100%,#0000 102%;
  background:
    conic-gradient(#0000 75%,var(--_g)) calc(var(--s)/4) calc(var(--s)/4),
    radial-gradient(65% 65% at 50% -50%,var(--_g)),
    radial-gradient(65% 65% at -50% 50%,var(--_g)),
    radial-gradient(65% 65% at 50% 150%,var(--_g)),
    radial-gradient(65% 65% at 150% 50%,var(--_g))
    #987F69;
  background-size: var(--s) var(--s);
}
Run Pen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.