html,body{width:100%;height:100%;margin:0;padding:0;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;position:relative}canvas{display:block}:root{--clr-text: black;--clr-fill: #ff480d;--clr-selection: var(--clr-fill);--clr-background: }::selection{background-color:var(--clr-fill)}::-webkit-selection{background-color:var(--clr-fill);color:var(--clr-text)}.bg-fill{background-color:var(--clr-fill)}@font-face{font-family:Timeless;src:url(/fonts/Timeless.woff2) format("woff2"),url(/fonts/Timeless.woff) format("woff"),url(/fonts/Timeless.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:ShareTechMono-Regular;src:url(/fonts/ShareTechMono-Regular.woff2) format("woff2"),url(/fonts/ShareTechMono-Regular.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Relationship-of-melodrame;src:url(/fonts/Relationship-of-melodrame.woff2) format("woff2"),url(/fonts/Relationship-of-melodrame.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:talldark;src:url(/fonts/talldark.woff2) format("woff2"),url(/fonts/talldark.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}body{background:var(--clr-background);scroll-behavior:smooth}canvas#webgl-canvas{display:block;position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:0}h1{z-index:999;font-family:Timeless;font-size:14px}.btn-wrapper{position:fixed;bottom:40px;left:0;width:100%;display:flex;justify-content:center;z-index:1000;isolation:isolate;pointer-events:none}#play-btn{position:fixed;left:5.5vw;top:20px;transform:translate(-50%);z-index:1000;padding:4px 8px;font-size:15px;background:white;color:#000;border:none;cursor:pointer;pointer-events:auto;font-family:Timeless;z-index:9999;mix-blend-mode:difference}.section__heading{pointer-events:auto;display:flex;justify-content:center;align-items:center;position:relative;z-index:5;overflow:hidden}.vertical-box{width:200px;max-width:280px;margin:10vh auto;padding:0 2em;height:800px;overflow-y:auto;box-sizing:border-box}.container{width:100%;display:flex;flex-direction:column;align-items:center;gap:17.6em;z-index:20}.word-scroll{height:500px;overflow-y:auto;padding-right:8px;display:block;white-space:normal;scroll-behavior:smooth;color:#000}.container section{display:flex;flex-direction:column;align-items:center}.section__main__content{gap:5.6em}.dot-anim:after{content:"...";animation:dots 1.2s steps(4,end) infinite}@keyframes dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}to{content:""}}@media (max-width: 768px){#canvas-wrapper{position:fixed!important;top:0!important;left:0!important;width:100vw!important;height:100vh!important;z-index:0!important}#play-btn{left:9vw;padding:3px 8px}}