.timeline{--line-x:-1rem;--line-w:2px;--dot:8px;position:relative}.timeline:before{content:"";left:var(--line-x);width:var(--line-w);background:#cbd5e1;position:absolute;top:0;bottom:0;transform:translate(-50%)}.timeline h3{position:relative}.timeline h3:before{content:"";top:50%;left:var(--line-x);width:var(--dot);height:var(--dot);background:#333;border-radius:50%;position:absolute;transform:translate(-50%,-50%)}@property --hue{syntax:"<number>";inherits:false;initial-value:0}.wavy{animation:5s linear infinite hue-scroll;display:inline-block}.wavy span{color:hsl(calc(var(--i)*35),90%,55%);animation:1.25s ease-in-out infinite bounce;animation-delay:calc(var(--i)*-.1s);display:inline-block}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-.4em)}}@keyframes hue-scroll{0%{filter:hue-rotate()}to{filter:hue-rotate(360deg)}}