Pattern by csemszepp

1.container {
2  width: 100%;
3  height: 100%;
4  --s: 140px; /* control the size */
5
6  --_g: #0000 52%, #170409 /* first color */ 54% 57%, #0000 59%;
7  background: radial-gradient(farthest-side at -33.33% 50%, var(--_g)) 0
8      calc(var(--s) / 2),
9    radial-gradient(farthest-side at 50% 133.33%, var(--_g)) calc(var(--s) / 2)
10      0,
11    radial-gradient(farthest-side at 133.33% 50%, var(--_g)),
12    radial-gradient(farthest-side at 50% -33.33%, var(--_g)), #67917a; /* second color */
13  background-size: calc(var(--s) / 4.667) var(--s),
14    var(--s) calc(var(--s) / 4.667);
15}
16