@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Host+Grotesk:ital,wght@0,300..800;1,300..800&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{font-family:DM Sans,sans-serif;background-color:#141414}section{position:relative;width:100vw;height:100svh;padding:2em;overflow:hidden}.copy-container{width:100%;height:100%;display:flex;gap:1rem;flex-direction:column;justify-content:center;align-items:center;text-align:center;border-radius:2rem}a{color:#141414;text-decoration:underline}.copy-container h1{width:70%;color:#141414;font-size:5rem;font-weight:900;line-height:1}.sub-title{text-decoration:uppercase;text-transform:uppercase;font-size:1.1rem;font-weight:900;line-height:1;opacity:.8;margin-top:2rem}.hero .copy-container{background:#fe6d38}.cta .copy-container{background:#c6fe69}.outro .copy-container{background:#7a78ff}.about .copy-container,.features .copy-container{border:.15rem dashed rgb(60,60,60)}.anime-text{width:60%}.anime-text p{color:#fff;text-align:center;margin-bottom:2rem;font-size:2rem;font-weight:900;line-height:1}.anime-text .word{display:inline-block;position:relative;margin-right:.2rem;margin-bottom:.2rem;padding:.1rem .2rem;border-radius:2rem;will-change:background-color,opacity}.anime-text .word.keyword-wrapper{margin:0 .4rem .2rem .2rem}.anime-text .word span{position:relative}.anime-text .word span.keyword{border-radius:2rem;display:inline-block;width:100%;height:100%;padding:.1rem 0;color:#141414}.selected{content:"";transform:translate(-50%,-50%);width:calc(100% + 1rem);height:calc(100% + .4rem);color:#fff;border-radius:2rem;margin-right:.1rem;margin-bottom:.15rem;padding:.1rem .2rem;z-index:-1;background-color:#7a78ff}.anime-text .word span.keyword:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:calc(100% + 1rem);height:calc(100% + .4rem);background-color:#fff;border-radius:2rem;z-index:-1}.anime-text .word span.keyword.designer:before,.anime-text .word span.keyword.webflow:before,.anime-text .word span.keyword.design:before{background-color:#7a78ff}.anime-text .word span.keyword.code:before,.anime-text .word span.keyword.expression:before,.anime-text .word span.keyword.animation:before{background-color:#fe6d38}.anime-text .word span.keyword.squarespace:before,.anime-text .word span.keyword.intuitive:before,.anime-text .word span.keyword.micro-interactions:before{background-color:#c6fe69}.anime-text .word span.keyword.shopify:before,.anime-text .word span.keyword.figma:before,.anime-text .word span.keyword.wordpress:before{background-color:#53e540}.anime-text .word,.anime-text .word span{opacity:0}@media (max-width: 1000px){.copy-container h1{width:90%;font-size:2rem}.anime-text{width:90%}.anime-text p{font-size:1.25rem}.anime-text .word{margin-right:.1rem;margin-bottom:.15rem;padding:.1rem .2rem}.anime-text .word.keyword-wrapper{margin:0 .2rem .1rem .1rem}}