.b0dc88f3-150f-4548-9142-734d63612be6{ stroke-dashoffset:650; stroke-dasharray:650; animation: slide-in 2s 5s forwards; } .f9ccf5a6-6723-4fb0-92a8-342efa1fd7f9 { stroke-dashoffset:650; stroke-dasharray:650; animation:draw 7s forwards; } .ba5053e2-3542-45da-bfe9-ce50aeaab687{ stroke-dashoffset:650; stroke-dasharray:650; animation:draw 7s forwards; } #partnerup-line svg g { fill-opacity:0; animation: fill-in 2s 5s forwards; } @keyframes draw { to {stroke-dashoffset:0;}; } @keyframes fill-in { to{ fill-opacity:1; } } @keyframes slide-in { to{ fill-opacity:1; } to {stroke-dashoffset:0;}; } #partnerup-line svg { height: auto; width:400px; }