.section{justify-content:center;align-items:center;min-height:100vh;padding:8vh 6vw;display:flex}.copy-container{width:100%;max-width:980px}.anim-text{font-size:clamp(1.25rem,2.4vw,2rem);font-weight:500;line-height:1.35}.anim-text p{margin:0 0 1.2em}.anim-text-container{background:var(--background)}.word{opacity:0;--bg-opacity:1;display:inline-block;position:relative}.word:not(.keyword-wrapper):before{content:"";z-index:0;background:rgba(0, 0, 0, calc(var(--bg-opacity,1) * .08));border-radius:.5em;transition:background .2s;position:absolute;inset:.2em .12em}html.dark .word:not(.keyword-wrapper):before{background:rgba(255, 255, 255, calc(var(--bg-opacity,1) * .12))}.word>span{z-index:1;opacity:0;letter-spacing:-1.2px;position:relative}.keyword{border-radius:.5em;padding:.15em .4em;font-weight:700;display:inline-block}.keyword.visibility{color:#121212;background:#ffd166}.keyword.animations{color:#0b2b33;background:#90e0ef}.keyword.scroll-driven{color:#0d2b25;background:#b8f2e6}.keyword.playful{color:#2a1030;background:#ffc6ff}.keyword.dynamic{color:#300808;background:#ffadad}.keyword.react{color:#0a223a;background:#bde0fe}.keyword.components{color:#0f2a0f;background:#caffbf}.keyword.useeffect{color:#2e1a05;background:#ffd6a5}.keyword.refs{color:#231339;background:#e7c6ff}