diff --git a/gitartwork.svg b/gitartwork.svg index a0ef630..a687c1a 100644 --- a/gitartwork.svg +++ b/gitartwork.svg @@ -30,7 +30,7 @@ } @keyframes c0 { from { -transform: rotate(-282deg) +transform: rotate(110deg) } 60% { transform: rotate(0deg) @@ -44,13 +44,13 @@ transform: rotate(0deg) } @keyframes c1 { from { -transform: rotate(-327deg) +transform: rotate(186deg) } 60% { transform: rotate(0deg) } to { - fill: var(--c4) + fill: var(--c3) } } .c.c1 { @@ -58,7 +58,7 @@ transform: rotate(0deg) } @keyframes c2 { from { -transform: rotate(713deg) +transform: rotate(498deg) } 60% { transform: rotate(0deg) @@ -72,7 +72,7 @@ transform: rotate(0deg) } @keyframes c3 { from { -transform: rotate(607deg) +transform: rotate(-248deg) } 60% { transform: rotate(0deg) @@ -86,7 +86,7 @@ transform: rotate(0deg) } @keyframes c4 { from { -transform: rotate(549deg) +transform: rotate(-453deg) } 60% { transform: rotate(0deg) @@ -100,13 +100,13 @@ transform: rotate(0deg) } @keyframes c5 { from { -transform: rotate(-455deg) +transform: rotate(438deg) } 60% { transform: rotate(0deg) } to { - fill: var(--c3) + fill: var(--c4) } } .c.c5 { @@ -114,13 +114,13 @@ transform: rotate(0deg) } @keyframes c6 { from { -transform: rotate(-669deg) +transform: rotate(257deg) } 60% { transform: rotate(0deg) } to { - fill: var(--c3) + fill: var(--c1) } } .c.c6 { @@ -128,13 +128,13 @@ transform: rotate(0deg) } @keyframes c7 { from { -transform: rotate(-13deg) +transform: rotate(346deg) } 60% { transform: rotate(0deg) } to { - fill: var(--c3) + fill: var(--c4) } } .c.c7 { @@ -142,13 +142,13 @@ transform: rotate(0deg) } @keyframes c8 { from { -transform: rotate(-62deg) +transform: rotate(-230deg) } 60% { transform: rotate(0deg) } to { - fill: var(--c4) + fill: var(--c1) } } .c.c8 { @@ -156,13 +156,13 @@ transform: rotate(0deg) } @keyframes c9 { from { -transform: rotate(-95deg) +transform: rotate(-517deg) } 60% { transform: rotate(0deg) } to { - fill: var(--c1) + fill: var(--c3) } } .c.c9 { @@ -170,13 +170,13 @@ transform: rotate(0deg) } @keyframes c10 { from { -transform: rotate(548deg) +transform: rotate(48deg) } 60% { transform: rotate(0deg) } to { - fill: var(--c3) + fill: var(--c2) } } .c.c10 { @@ -184,13 +184,13 @@ transform: rotate(0deg) } @keyframes c11 { from { -transform: rotate(51deg) +transform: rotate(-572deg) } 60% { transform: rotate(0deg) } to { - fill: var(--c3) + fill: var(--c2) } } .c.c11 { @@ -198,13 +198,13 @@ transform: rotate(0deg) } @keyframes c12 { from { -transform: rotate(-667deg) +transform: rotate(-627deg) } 60% { transform: rotate(0deg) } to { - fill: var(--c4) + fill: var(--c1) } } .c.c12 { @@ -212,13 +212,13 @@ transform: rotate(0deg) } @keyframes c13 { from { -transform: rotate(-336deg) +transform: rotate(291deg) } 60% { transform: rotate(0deg) } to { - fill: var(--c4) + fill: var(--c2) } } .c.c13 { @@ -226,13 +226,13 @@ transform: rotate(0deg) } @keyframes c14 { from { -transform: rotate(-104deg) +transform: rotate(-278deg) } 60% { transform: rotate(0deg) } to { - fill: var(--c3) + fill: var(--c4) } } .c.c14 { @@ -240,13 +240,13 @@ transform: rotate(0deg) } @keyframes c15 { from { -transform: rotate(484deg) +transform: rotate(-648deg) } 60% { transform: rotate(0deg) } to { - fill: var(--c4) + fill: var(--c2) } } .c.c15 { @@ -254,7 +254,7 @@ transform: rotate(0deg) } @keyframes c16 { from { -transform: rotate(-220deg) +transform: rotate(-343deg) } 60% { transform: rotate(0deg) @@ -268,13 +268,13 @@ transform: rotate(0deg) } @keyframes c17 { from { -transform: rotate(-520deg) +transform: rotate(592deg) } 60% { transform: rotate(0deg) } to { - fill: var(--c3) + fill: var(--c4) } } .c.c17 { @@ -282,7 +282,7 @@ transform: rotate(0deg) } @keyframes c18 { from { -transform: rotate(444deg) +transform: rotate(-690deg) } 60% { transform: rotate(0deg) @@ -296,7 +296,7 @@ transform: rotate(0deg) } @keyframes c19 { from { -transform: rotate(-92deg) +transform: rotate(-670deg) } 60% { transform: rotate(0deg) @@ -310,13 +310,13 @@ transform: rotate(0deg) } @keyframes c20 { from { -transform: rotate(-195deg) +transform: rotate(-599deg) } 60% { transform: rotate(0deg) } to { - fill: var(--c1) + fill: var(--c3) } } .c.c20 { @@ -324,13 +324,13 @@ transform: rotate(0deg) } @keyframes c21 { from { -transform: rotate(369deg) +transform: rotate(424deg) } 60% { transform: rotate(0deg) } to { - fill: var(--c2) + fill: var(--c3) } } .c.c21 { @@ -338,13 +338,13 @@ transform: rotate(0deg) } @keyframes c22 { from { -transform: rotate(-496deg) +transform: rotate(-395deg) } 60% { transform: rotate(0deg) } to { - fill: var(--c1) + fill: var(--c3) } } .c.c22 { @@ -352,13 +352,13 @@ transform: rotate(0deg) } @keyframes c23 { from { -transform: rotate(-442deg) +transform: rotate(-89deg) } 60% { transform: rotate(0deg) } to { - fill: var(--c2) + fill: var(--c4) } } .c.c23 { @@ -366,13 +366,13 @@ transform: rotate(0deg) } @keyframes c24 { from { -transform: rotate(16deg) +transform: rotate(513deg) } 60% { transform: rotate(0deg) } to { - fill: var(--c3) + fill: var(--c2) } } .c.c24 { @@ -380,13 +380,13 @@ transform: rotate(0deg) } @keyframes c25 { from { -transform: rotate(-121deg) +transform: rotate(-107deg) } 60% { transform: rotate(0deg) } to { - fill: var(--c1) + fill: var(--c3) } } .c.c25 { @@ -394,13 +394,13 @@ transform: rotate(0deg) } @keyframes c26 { from { -transform: rotate(-156deg) +transform: rotate(565deg) } 60% { transform: rotate(0deg) } to { - fill: var(--c1) + fill: var(--c3) } } .c.c26 { @@ -408,13 +408,13 @@ transform: rotate(0deg) } @keyframes c27 { from { -transform: rotate(533deg) +transform: rotate(-125deg) } 60% { transform: rotate(0deg) } to { - fill: var(--c1) + fill: var(--c3) } } .c.c27 { @@ -422,13 +422,13 @@ transform: rotate(0deg) } @keyframes c28 { from { -transform: rotate(200deg) +transform: rotate(-592deg) } 60% { transform: rotate(0deg) } to { - fill: var(--c4) + fill: var(--c3) } } .c.c28 { @@ -436,13 +436,13 @@ transform: rotate(0deg) } @keyframes c29 { from { -transform: rotate(-646deg) +transform: rotate(-577deg) } 60% { transform: rotate(0deg) } to { - fill: var(--c3) + fill: var(--c4) } } .c.c29 { @@ -450,13 +450,13 @@ transform: rotate(0deg) } @keyframes c30 { from { -transform: rotate(707deg) +transform: rotate(-73deg) } 60% { transform: rotate(0deg) } to { - fill: var(--c1) + fill: var(--c2) } } .c.c30 { @@ -464,7 +464,7 @@ transform: rotate(0deg) } @keyframes c31 { from { -transform: rotate(-641deg) +transform: rotate(-626deg) } 60% { transform: rotate(0deg) @@ -478,13 +478,13 @@ transform: rotate(0deg) } @keyframes c32 { from { -transform: rotate(182deg) +transform: rotate(698deg) } 60% { transform: rotate(0deg) } to { - fill: var(--c3) + fill: var(--c1) } } .c.c32 { @@ -492,13 +492,13 @@ transform: rotate(0deg) } @keyframes c33 { from { -transform: rotate(246deg) +transform: rotate(-348deg) } 60% { transform: rotate(0deg) } to { - fill: var(--c2) + fill: var(--c3) } } .c.c33 { @@ -506,13 +506,13 @@ transform: rotate(0deg) } @keyframes c34 { from { -transform: rotate(-561deg) +transform: rotate(-212deg) } 60% { transform: rotate(0deg) } to { - fill: var(--c1) + fill: var(--c3) } } .c.c34 { @@ -520,13 +520,13 @@ transform: rotate(0deg) } @keyframes c35 { from { -transform: rotate(524deg) +transform: rotate(608deg) } 60% { transform: rotate(0deg) } to { - fill: var(--c2) + fill: var(--c3) } } .c.c35 { @@ -534,13 +534,13 @@ transform: rotate(0deg) } @keyframes c36 { from { -transform: rotate(-68deg) +transform: rotate(152deg) } 60% { transform: rotate(0deg) } to { - fill: var(--c1) + fill: var(--c3) } } .c.c36 { @@ -548,13 +548,13 @@ transform: rotate(0deg) } @keyframes c37 { from { -transform: rotate(-56deg) +transform: rotate(657deg) } 60% { transform: rotate(0deg) } to { - fill: var(--c4) + fill: var(--c3) } } .c.c37 { @@ -562,7 +562,7 @@ transform: rotate(0deg) } @keyframes c38 { from { -transform: rotate(-294deg) +transform: rotate(-300deg) } 60% { transform: rotate(0deg) @@ -576,13 +576,13 @@ transform: rotate(0deg) } @keyframes c39 { from { -transform: rotate(-324deg) +transform: rotate(221deg) } 60% { transform: rotate(0deg) } to { - fill: var(--c4) + fill: var(--c2) } } .c.c39 { @@ -590,7 +590,7 @@ transform: rotate(0deg) } @keyframes c40 { from { -transform: rotate(-454deg) +transform: rotate(-144deg) } 60% { transform: rotate(0deg) @@ -604,7 +604,7 @@ transform: rotate(0deg) } @keyframes c41 { from { -transform: rotate(349deg) +transform: rotate(189deg) } 60% { transform: rotate(0deg) @@ -618,13 +618,13 @@ transform: rotate(0deg) } @keyframes c42 { from { -transform: rotate(377deg) +transform: rotate(-92deg) } 60% { transform: rotate(0deg) } to { - fill: var(--c2) + fill: var(--c1) } } .c.c42 { @@ -632,13 +632,13 @@ transform: rotate(0deg) } @keyframes c43 { from { -transform: rotate(-202deg) +transform: rotate(-20deg) } 60% { transform: rotate(0deg) } to { - fill: var(--c4) + fill: var(--c2) } } .c.c43 { @@ -646,13 +646,13 @@ transform: rotate(0deg) } @keyframes c44 { from { -transform: rotate(323deg) +transform: rotate(-20deg) } 60% { transform: rotate(0deg) } to { - fill: var(--c4) + fill: var(--c3) } } .c.c44 { @@ -660,13 +660,13 @@ transform: rotate(0deg) } @keyframes c45 { from { -transform: rotate(-4deg) +transform: rotate(569deg) } 60% { transform: rotate(0deg) } to { - fill: var(--c3) + fill: var(--c2) } } .c.c45 { @@ -674,13 +674,13 @@ transform: rotate(0deg) } @keyframes c46 { from { -transform: rotate(47deg) +transform: rotate(-41deg) } 60% { transform: rotate(0deg) } to { - fill: var(--c3) + fill: var(--c2) } } .c.c46 { @@ -688,7 +688,7 @@ transform: rotate(0deg) } @keyframes c47 { from { -transform: rotate(-24deg) +transform: rotate(178deg) } 60% { transform: rotate(0deg) @@ -702,13 +702,13 @@ transform: rotate(0deg) } @keyframes c48 { from { -transform: rotate(-80deg) +transform: rotate(75deg) } 60% { transform: rotate(0deg) } to { - fill: var(--c3) + fill: var(--c4) } } .c.c48 { @@ -716,13 +716,13 @@ transform: rotate(0deg) } @keyframes c49 { from { -transform: rotate(218deg) +transform: rotate(-679deg) } 60% { transform: rotate(0deg) } to { - fill: var(--c4) + fill: var(--c1) } } .c.c49 { @@ -730,13 +730,13 @@ transform: rotate(0deg) } @keyframes c50 { from { -transform: rotate(376deg) +transform: rotate(-403deg) } 60% { transform: rotate(0deg) } to { - fill: var(--c1) + fill: var(--c4) } } .c.c50 { @@ -744,13 +744,13 @@ transform: rotate(0deg) } @keyframes c51 { from { -transform: rotate(618deg) +transform: rotate(-18deg) } 60% { transform: rotate(0deg) } to { - fill: var(--c3) + fill: var(--c4) } } .c.c51 { @@ -758,13 +758,13 @@ transform: rotate(0deg) } @keyframes c52 { from { -transform: rotate(-641deg) +transform: rotate(-319deg) } 60% { transform: rotate(0deg) } to { - fill: var(--c1) + fill: var(--c2) } } .c.c52 { @@ -772,13 +772,13 @@ transform: rotate(0deg) } @keyframes c53 { from { -transform: rotate(571deg) +transform: rotate(251deg) } 60% { transform: rotate(0deg) } to { - fill: var(--c1) + fill: var(--c4) } } .c.c53 { @@ -786,13 +786,13 @@ transform: rotate(0deg) } @keyframes c54 { from { -transform: rotate(634deg) +transform: rotate(625deg) } 60% { transform: rotate(0deg) } to { - fill: var(--c1) + fill: var(--c3) } } .c.c54 { @@ -800,7 +800,7 @@ transform: rotate(0deg) } @keyframes c55 { from { -transform: rotate(-456deg) +transform: rotate(314deg) } 60% { transform: rotate(0deg) @@ -814,13 +814,13 @@ transform: rotate(0deg) } @keyframes c56 { from { -transform: rotate(-305deg) +transform: rotate(135deg) } 60% { transform: rotate(0deg) } to { - fill: var(--c4) + fill: var(--c2) } } .c.c56 { @@ -828,13 +828,13 @@ transform: rotate(0deg) } @keyframes c57 { from { -transform: rotate(-109deg) +transform: rotate(-715deg) } 60% { transform: rotate(0deg) } to { - fill: var(--c3) + fill: var(--c1) } } .c.c57 { @@ -842,13 +842,13 @@ transform: rotate(0deg) } @keyframes c58 { from { -transform: rotate(-687deg) +transform: rotate(291deg) } 60% { transform: rotate(0deg) } to { - fill: var(--c1) + fill: var(--c3) } } .c.c58 { @@ -856,7 +856,7 @@ transform: rotate(0deg) } @keyframes c59 { from { -transform: rotate(-480deg) +transform: rotate(29deg) } 60% { transform: rotate(0deg) @@ -870,13 +870,13 @@ transform: rotate(0deg) } @keyframes c60 { from { -transform: rotate(-524deg) +transform: rotate(-241deg) } 60% { transform: rotate(0deg) } to { - fill: var(--c3) + fill: var(--c1) } } .c.c60 { @@ -884,13 +884,13 @@ transform: rotate(0deg) } @keyframes c61 { from { -transform: rotate(433deg) +transform: rotate(-514deg) } 60% { transform: rotate(0deg) } to { - fill: var(--c2) + fill: var(--c3) } } .c.c61 { @@ -898,13 +898,13 @@ transform: rotate(0deg) } @keyframes c62 { from { -transform: rotate(-371deg) +transform: rotate(309deg) } 60% { transform: rotate(0deg) } to { - fill: var(--c2) + fill: var(--c1) } } .c.c62 { @@ -912,7 +912,7 @@ transform: rotate(0deg) } @keyframes c63 { from { -transform: rotate(-696deg) +transform: rotate(-321deg) } 60% { transform: rotate(0deg) @@ -926,13 +926,13 @@ transform: rotate(0deg) } @keyframes c64 { from { -transform: rotate(-574deg) +transform: rotate(-489deg) } 60% { transform: rotate(0deg) } to { - fill: var(--c4) + fill: var(--c1) } } .c.c64 { @@ -940,13 +940,13 @@ transform: rotate(0deg) } @keyframes c65 { from { -transform: rotate(240deg) +transform: rotate(219deg) } 60% { transform: rotate(0deg) } to { - fill: var(--c2) + fill: var(--c3) } } .c.c65 { @@ -954,7 +954,7 @@ transform: rotate(0deg) } @keyframes c66 { from { -transform: rotate(-445deg) +transform: rotate(293deg) } 60% { transform: rotate(0deg) @@ -968,13 +968,13 @@ transform: rotate(0deg) } @keyframes c67 { from { -transform: rotate(-173deg) +transform: rotate(-521deg) } 60% { transform: rotate(0deg) } to { - fill: var(--c2) + fill: var(--c1) } } .c.c67 { @@ -982,13 +982,13 @@ transform: rotate(0deg) } @keyframes c68 { from { -transform: rotate(-252deg) +transform: rotate(541deg) } 60% { transform: rotate(0deg) } to { - fill: var(--c3) + fill: var(--c1) } } .c.c68 { @@ -996,13 +996,13 @@ transform: rotate(0deg) } @keyframes c69 { from { -transform: rotate(422deg) +transform: rotate(-257deg) } 60% { transform: rotate(0deg) } to { - fill: var(--c3) + fill: var(--c1) } } .c.c69 { @@ -1010,13 +1010,13 @@ transform: rotate(0deg) } @keyframes c70 { from { -transform: rotate(-294deg) +transform: rotate(87deg) } 60% { transform: rotate(0deg) } to { - fill: var(--c1) + fill: var(--c3) } } .c.c70 { @@ -1024,7 +1024,7 @@ transform: rotate(0deg) } @keyframes c71 { from { -transform: rotate(-179deg) +transform: rotate(-60deg) } 60% { transform: rotate(0deg) @@ -1038,13 +1038,13 @@ transform: rotate(0deg) } @keyframes c72 { from { -transform: rotate(145deg) +transform: rotate(-519deg) } 60% { transform: rotate(0deg) } to { - fill: var(--c4) + fill: var(--c3) } } .c.c72 { @@ -1052,7 +1052,7 @@ transform: rotate(0deg) } @keyframes c73 { from { -transform: rotate(-658deg) +transform: rotate(-570deg) } 60% { transform: rotate(0deg) @@ -1066,13 +1066,13 @@ transform: rotate(0deg) } @keyframes c74 { from { -transform: rotate(266deg) +transform: rotate(-256deg) } 60% { transform: rotate(0deg) } to { - fill: var(--c1) + fill: var(--c2) } } .c.c74 { @@ -1080,13 +1080,13 @@ transform: rotate(0deg) } @keyframes c75 { from { -transform: rotate(-44deg) +transform: rotate(324deg) } 60% { transform: rotate(0deg) } to { - fill: var(--c3) + fill: var(--c2) } } .c.c75 { @@ -1094,13 +1094,13 @@ transform: rotate(0deg) } @keyframes c76 { from { -transform: rotate(-687deg) +transform: rotate(-13deg) } 60% { transform: rotate(0deg) } to { - fill: var(--c2) + fill: var(--c1) } } .c.c76 { @@ -1108,7 +1108,7 @@ transform: rotate(0deg) } @keyframes c77 { from { -transform: rotate(632deg) +transform: rotate(606deg) } 60% { transform: rotate(0deg) @@ -1122,7 +1122,7 @@ transform: rotate(0deg) } @keyframes c78 { from { -transform: rotate(-14deg) +transform: rotate(-669deg) } 60% { transform: rotate(0deg) @@ -1136,7 +1136,7 @@ transform: rotate(0deg) } @keyframes c79 { from { -transform: rotate(-184deg) +transform: rotate(-650deg) } 60% { transform: rotate(0deg) @@ -1150,13 +1150,13 @@ transform: rotate(0deg) } @keyframes c80 { from { -transform: rotate(99deg) +transform: rotate(413deg) } 60% { transform: rotate(0deg) } to { - fill: var(--c2) + fill: var(--c1) } } .c.c80 { @@ -1164,13 +1164,13 @@ transform: rotate(0deg) } @keyframes c81 { from { -transform: rotate(-678deg) +transform: rotate(634deg) } 60% { transform: rotate(0deg) } to { - fill: var(--c1) + fill: var(--c2) } } .c.c81 { @@ -1178,13 +1178,13 @@ transform: rotate(0deg) } @keyframes c82 { from { -transform: rotate(-541deg) +transform: rotate(205deg) } 60% { transform: rotate(0deg) } to { - fill: var(--c2) + fill: var(--c1) } } .c.c82 { @@ -1192,13 +1192,13 @@ transform: rotate(0deg) } @keyframes c83 { from { -transform: rotate(74deg) +transform: rotate(-48deg) } 60% { transform: rotate(0deg) } to { - fill: var(--c2) + fill: var(--c1) } } .c.c83 { @@ -1206,13 +1206,13 @@ transform: rotate(0deg) } @keyframes c84 { from { -transform: rotate(635deg) +transform: rotate(-380deg) } 60% { transform: rotate(0deg) } to { - fill: var(--c2) + fill: var(--c1) } } .c.c84 { @@ -1220,7 +1220,7 @@ transform: rotate(0deg) } @keyframes c85 { from { -transform: rotate(-379deg) +transform: rotate(-527deg) } 60% { transform: rotate(0deg) @@ -1234,13 +1234,13 @@ transform: rotate(0deg) } @keyframes c86 { from { -transform: rotate(-693deg) +transform: rotate(-127deg) } 60% { transform: rotate(0deg) } to { - fill: var(--c2) + fill: var(--c3) } } .c.c86 { @@ -1248,13 +1248,13 @@ transform: rotate(0deg) } @keyframes c87 { from { -transform: rotate(503deg) +transform: rotate(-290deg) } 60% { transform: rotate(0deg) } to { - fill: var(--c4) + fill: var(--c3) } } .c.c87 { @@ -1262,13 +1262,13 @@ transform: rotate(0deg) } @keyframes c88 { from { -transform: rotate(-562deg) +transform: rotate(-335deg) } 60% { transform: rotate(0deg) } to { - fill: var(--c3) + fill: var(--c2) } } .c.c88 { @@ -1276,7 +1276,7 @@ transform: rotate(0deg) } @keyframes c89 { from { -transform: rotate(-698deg) +transform: rotate(542deg) } 60% { transform: rotate(0deg) @@ -1290,13 +1290,13 @@ transform: rotate(0deg) } @keyframes c90 { from { -transform: rotate(225deg) +transform: rotate(-34deg) } 60% { transform: rotate(0deg) } to { - fill: var(--c3) + fill: var(--c2) } } .c.c90 { @@ -1304,13 +1304,13 @@ transform: rotate(0deg) } @keyframes c91 { from { -transform: rotate(-376deg) +transform: rotate(-48deg) } 60% { transform: rotate(0deg) } to { - fill: var(--c3) + fill: var(--c2) } } .c.c91 { @@ -1318,13 +1318,13 @@ transform: rotate(0deg) } @keyframes c92 { from { -transform: rotate(-22deg) +transform: rotate(59deg) } 60% { transform: rotate(0deg) } to { - fill: var(--c1) + fill: var(--c4) } } .c.c92 { @@ -1332,13 +1332,13 @@ transform: rotate(0deg) } @keyframes c93 { from { -transform: rotate(158deg) +transform: rotate(678deg) } 60% { transform: rotate(0deg) } to { - fill: var(--c4) + fill: var(--c2) } } .c.c93 { @@ -1346,13 +1346,13 @@ transform: rotate(0deg) } @keyframes c94 { from { -transform: rotate(18deg) +transform: rotate(119deg) } 60% { transform: rotate(0deg) } to { - fill: var(--c3) + fill: var(--c4) } } .c.c94 { @@ -1360,7 +1360,7 @@ transform: rotate(0deg) } @keyframes c95 { from { -transform: rotate(-263deg) +transform: rotate(320deg) } 60% { transform: rotate(0deg) @@ -1374,13 +1374,13 @@ transform: rotate(0deg) } @keyframes c96 { from { -transform: rotate(-101deg) +transform: rotate(-103deg) } 60% { transform: rotate(0deg) } to { - fill: var(--c4) + fill: var(--c3) } } .c.c96 { @@ -1388,13 +1388,13 @@ transform: rotate(0deg) } @keyframes c97 { from { -transform: rotate(519deg) +transform: rotate(612deg) } 60% { transform: rotate(0deg) } to { - fill: var(--c2) + fill: var(--c4) } } .c.c97 {