*{margin:0;padding:0;box-sizing:border-box}body{margin:0;height:100vh;display:flex;justify-content:center;align-items:center;background-color:#000;font-family:Anton,sans-serif;overflow:hidden}body.invert,body.invert canvas{background-color:#000!important}canvas{position:fixed;top:0;left:0;width:100%;height:100%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:#000}.l-debug{position:fixed;top:0;left:0;background-color:#000;color:#fff;font-size:18px;padding:5px}.l-btn{position:fixed;top:20vw;left:20vw;width:10vw;height:10vw;background-color:#fff;color:#000;display:flex;flex-direction:column;align-items:center;justify-content:center}.-none{display:none}.js-height{position:absolute;top:0;left:0;width:10px;height:2000vh;display:flex;flex-direction:column;justify-content:space-around;padding:4vw;mix-blend-mode:difference}p{color:#fff;font-size:30vw;letter-spacing:0em}.text-container{position:relative;text-align:center;font-size:2rem;color:#ff69b4;text-transform:uppercase}.text{position:relative;display:inline-block;background-color:#000;color:#fff;padding:8px 16px;opacity:0;-webkit-animation:fade 10.5s infinite;animation:fade 10.5s infinite}