html {
  --s: 120px; /* control the size */
  
  --_g: 80%,#e7525b 25.4%,#0000 26%;
  background:
   radial-gradient(at 80% var(--_g)),radial-gradient(at 20% var(--_g)),
   conic-gradient(from -45deg at 50% 41%,#e7525b 90deg,#78dbf0 0) 
      calc(var(--s)/2) 0;
  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.