.doodles{position:absolute;inset:0;overflow:hidden;pointer-events:none;--dk:1}.doodle-fig,.doodle-wd{position:absolute;transform:translate(-50%,-50%)}.doodle-fig{width:calc(var(--sz) * var(--dk));height:calc(var(--sz) * var(--dk));overflow:visible}.doodle-fig path{fill:none;stroke-width:2.4px;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1;animation:doodleDraw 12s ease-in-out infinite both;animation-delay:var(--delay,0s)}@keyframes doodleDraw{0%{stroke-dashoffset:1;opacity:0}5%{opacity:1}16%{stroke-dashoffset:0;opacity:1}30%{stroke-dashoffset:0;opacity:1}40%{stroke-dashoffset:0;opacity:0}to{stroke-dashoffset:0;opacity:0}}.doodle-wd{font-family:var(--font-patrick),"Comic Sans MS",cursive;font-weight:400;font-size:clamp(15px,2.3vw,34px);line-height:1;letter-spacing:.04em;white-space:nowrap;opacity:0;animation:doodleWrite 12s ease-in-out infinite both;animation-delay:var(--delay,0s)}@keyframes doodleWrite{0%{-webkit-clip-path:inset(0 100% 0 0);clip-path:inset(0 100% 0 0);opacity:0}5%{opacity:1}16%{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0);opacity:1}30%{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0);opacity:1}40%{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0);opacity:0}to{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0);opacity:0}}