body{margin:0;background:#000;display:flex;min-height:100vh;align-items:center;justify-content:center}.pen{fill:none;stroke-dasharray:3500;stroke-dashoffset:3500;animation:pen;animation-duration:2.5s;animation-iteration-count:1;animation-direction:normal;animation-fill-mode:forwards;animation-timing-function:ease-in-out;clip-path:url(#oddlogic-clip);stroke-width:15;stroke-linecap:round}.cyan{stroke:#0ff;stroke-width:10}.magenta{stroke:#f0f;stroke-width:15;animation-delay:.1s}.yellow{stroke:#ff0;stroke-width:20;animation-delay:.15s}.white{stroke:#fff;stroke-width:30;animation-delay:.2s}.oddlogic-logo{fill:transparent}@keyframes pen{0%{stroke-dashoffset:3500}to{stroke-dashoffset:0}}