*{margin:0;box-sizing:border-box}body{background-color:#1c1c1c;width:100svw;height:100svh;display:flex;align-items:center;justify-content:center;overflow:hidden}.svg-container{width:500px;height:100%}svg{width:100%;height:100%}.logo-part{fill:#cd3529;stroke:#000;stroke-width:1;opacity:0;animation:fadeIn .5s forwards}.stroke-overlay{fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;opacity:0;animation:appear .7s forwards,fadeOut .3s forwards .7s}#part1,#stroke1{animation-delay:0s,.7s}#part2,#stroke2{animation-delay:.5s,1.2s}#part3,#stroke3{animation-delay:1s,1.7s}#part4,#stroke4{animation-delay:1.5s,2.2s}#part1{animation-delay:.5s}#part2{animation-delay:1s}#part3{animation-delay:1.5s}#part4{animation-delay:2s}@keyframes appear{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}