#circle1{stroke:#df2e30;stroke-width:4;animation:circle-in 2s forwards}.line1{stroke:#df2e30;stroke-width:4;stroke-dasharray:0 1000;animation:path-in 1s 1.8s forwards}.line2{stroke:#df2e30;stroke-width:4;stroke-dasharray:0 1000;animation:path-in 1s 2s forwards}@keyframes path-in{0%{stroke-dasharray:0 1000}to{stroke-dasharray:100 1000}}@keyframes circle-in{0%{stroke-dasharray:0,251;stroke-dashoffset:0}35%{stroke-dasharray:86,86;stroke-dashoffset:-86}70%{stroke-dasharray:0,251;stroke-dashoffset:-251}to{stroke-dasharray:251,0;stroke-dashoffset:-251}}