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);
}