line {
	stroke: deeppink;
	stroke-width: 0;
	stroke-linecap: round;
	transition: stroke-width 10s ease-in-out, stroke 8.64s linear;
	translate: 30px 30px;
}
line.n0,
:is(.s1,.s5,.s7,.s9) .s1579,
:is(.s2,.s8,.s9) .s289,
.s3 .s3,
:is(.s4,.s5) .s45,
:is(.s6,.s7,.s8,.s9) .s6789,

:is(.d1,.d5,.d7,.d9) .d1579,
:is(.d2,.d8,.d9) .d289,
.d3 .d3,
:is(.d4,.d5) .d45,
:is(.d6,.d7,.d8,.d9) .d6789,

:is(.h1,.h5,.h7,.h9) .h1579,
:is(.h2,.h8,.h9) .h289,
.h3 .h3,
:is(.h4,.h5) .h45,
:is(.h6,.h7,.h8,.h9) .h6789,

:is(.m1,.m5,.m7,.m9) .m1579,
:is(.m2,.m8,.m9) .m289,
.m3 .m3,
:is(.m4,.m5) .m45,
:is(.m6,.m7,.m8,.m9) .m6789  {
	display: block;
	stroke-width: 100;
}
line:nth-of-type(2n) {
	stroke: red;
}
line:nth-of-type(3n) {
	stroke: orange;
}
line:nth-of-type(4n) {
	stroke: yellow;
}
line:nth-of-type(5n) {
	stroke: lime;
}
line:nth-of-type(6n) {
	stroke: cyan;
}
line:nth-of-type(7n) {
	stroke: blue;
}
line:nth-of-type(8n) {
	stroke: violet;
}


:is(.s0, .s2, .s4, .s6, .s8) line:nth-last-of-type(1n) {
	stroke: deeppink;
}
:is(.s2, .s4, .s6, .s8) line:nth-last-of-type(2n) {
	stroke: red;
}
:is(.s2, .s4, .s6, .s8) line:nth-last-of-type(3n) {
	stroke: orange;
}
:is(.s2, .s4, .s6, .s8) line:nth-last-of-type(4n) {
	stroke: yellow;
}
:is(.s2, .s4, .s6, .s8) line:nth-last-of-type(5n) {
	stroke: lime;
}
:is(.s2, .s4, .s6, .s8) line:nth-last-of-type(6n) {
	stroke: cyan;
}
:is(.s2, .s4, .s6, .s8) line:nth-last-of-type(7n) {
	stroke: blue;
}
:is(.s2, .s4, .s6, .s8) line:nth-last-of-type(8n) {
	stroke: violet;
}

:is(.s0, .s2, .s4, .s6, .s8) line:nth-last-of-type(1n) {
	stroke: deeppink;
}
:is(.s0, .s2, .s4, .s6, .s8) line:nth-last-of-type(2n) {
	stroke: red;
}
:is(.s0, .s2, .s4, .s6, .s8) line:nth-last-of-type(3n) {
	stroke: orange;
}
:is(.s0, .s2, .s4, .s6, .s8) line:nth-last-of-type(4n) {
	stroke: yellow;
}
:is(.s0, .s2, .s4, .s6, .s8) line:nth-last-of-type(5n) {
	stroke: lime;
}
:is(.s0, .s2, .s4, .s6, .s8) line:nth-last-of-type(6n) {
	stroke: cyan;
}
:is(.s0, .s2, .s4, .s6, .s8) line:nth-last-of-type(7n) {
	stroke: blue;
}
:is(.s0, .s2, .s4, .s6, .s8) line:nth-last-of-type(8n) {
	stroke: violet;
}



:is(.s3, .s6, .s9) line:nth-of-type(1n) {
	stroke: deeppink;
}
:is(.s3, .s6, .s9) line:nth-last-of-type(2n) {
	stroke: red;
}
:is(.s3, .s6, .s9) line:nth-of-type(3n) {
	stroke: orange;
}
:is(.s3, .s6, .s9) line:nth-last-of-type(4n) {
	stroke: yellow;
}
:is(.s3, .s6, .s9) line:nth-of-type(5n) {
	stroke: lime;
}
:is(.s3, .s6, .s9) line:nth-last-of-type(6n) {
	stroke: cyan;
}
:is(.s3, .s6, .s9) line:nth-of-type(7n) {
	stroke: blue;
}
:is(.s3, .s6, .s9) line:nth-last-of-type(8n) {
	stroke: violet;
}



:is(.s0, .s5) line:nth-last-of-type(1n) {
	stroke: deeppink;
}
:is(.s0, .s5) line:nth-of-type(2n) {
	stroke: red;
}
:is(.s0, .s5) line:nth-last-of-type(3n) {
	stroke: orange;
}
:is(.s0, .s5) line:nth-of-type(4n) {
	stroke: yellow;
}
:is(.s0, .s5) line:nth-last-of-type(5n) {
	stroke: lime;
}
:is(.s0, .s5) line:nth-of-type(6n) {
	stroke: cyan;
}
:is(.s0, .s5) line:nth-last-of-type(7n) {
	stroke: blue;
}
:is(.s0, .s5) line:nth-of-type(8n) {
	stroke: violet;
}

body {
	margin: 0;
	height: 100dvh;
	display: grid;
	background: hsl(348, 83%, 11%);
}
svg {
	margin: auto;
	height: 100dvh;
	max-width: 100%;
	max-height: 100%; 
}