html {
  --u:  2.5vmin;	
	--c1: #009688;
  --c2: #d8db24;
	--pz: calc(var(--u) * 0.65), #fff0 calc(calc(var(--u) * 0.65) + 1px);
  --gp: 50%/ calc(var(--u) * 10) calc(var(--u) * 10);
  height: 100vh;
	background:
		radial-gradient(circle at 55% 25%, var(--c2) var(--pz)) var(--gp), 
		radial-gradient(circle at 75% 45%, var(--c2) var(--pz)) var(--gp),
		radial-gradient(circle at 5% 75%, var(--c2) var(--pz)) var(--gp), 
		radial-gradient(circle at 25% 55%, var(--c2) var(--pz)) var(--gp),
		radial-gradient(circle at 55% 75%, var(--c1) var(--pz)) var(--gp), 
		radial-gradient(circle at 75% 95%, var(--c1) var(--pz)) var(--gp),
		radial-gradient(circle at 5% 25%, var(--c1) var(--pz)) var(--gp), 
		radial-gradient(circle at 25% 5%, var(--c1) var(--pz)) var(--gp),
		conic-gradient(from 0deg at 50% 50%, var(--c1) 0 25%, var(--c2) 0 50%, var(--c1) 0 75%, var(--c2) 0 100%) var(--gp);
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.