body{display:grid;place-items:center;min-height:100vh;font-family:sans-serif,system-ui}main{width:66ch;margin:0 auto;padding:50vh 0}main>ul{list-style-type:none}li li{padding-left:1rem}.indicators li{animation:indicate both linear;animation-range:cover}.indicators .indicator--inactive{opacity:.25;scale:.5}@keyframes indicate{50%{scale:4;opacity:1;translate:-200% 0;z-index:2}}h2{background:hsl(var(--hue, 10) 100% 86%);padding:1rem;margin:2rem 0;position:sticky;top:0}.indicators{position:fixed;right:1rem;top:50%;translate:0 -50%}.indicators li{font-size:clamp(.5rem,1.5vmin,1rem);font-weight:700;opacity:.25;scale:1}h1{text-transform:uppercase}ul{padding:0;margin:0;display:grid;gap:1rem}li{margin:0;padding:0;font-size:2rem;list-style-position:inside}