*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;background-color:#000}.container{height:300vh;width:100%;position:relative;overflow:hidden}.canvas1,.canvas2{height:100vh;width:100%;position:fixed;top:0;right:0;bottom:0;left:0}.text-overlay{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100vh;display:flex;justify-content:center;align-items:center;z-index:10;pointer-events:none}.dynamic-text{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:5rem;font-weight:900;text-transform:uppercase;letter-spacing:.3em;color:#fff;text-align:center;text-shadow:0 4px 30px rgba(0,0,0,.5);opacity:1;filter:blur(0px);will-change:opacity,filter}