.z-scroll-container{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:0;overflow:hidden;background:radial-gradient(circle at bottom,#2C313D,#08090B)}canvas{outline:none}.z-scroll-space{height:300vh;position:absolute;width:100%;top:0}.z-scroll-overlay{position:relative;z-index:10;pointer-events:none}.z-scroll-overlay [role=button],.z-scroll-overlay a,.z-scroll-overlay button,.z-scroll-overlay input,.z-scroll-overlay nav,.z-scroll-overlay select,.z-scroll-overlay textarea{pointer-events:auto}.z-scroll-overlay nav{backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);transition:all .3s ease}.z-scroll-overlay nav:hover{background-color:rgba(8,9,11,.8)}.z-scroll-section{min-height:100vh;padding:2rem 0}.z-scroll-hero,.z-scroll-section{display:flex;flex-direction:column;justify-content:center}.z-scroll-hero{align-items:center}.z-scroll-skills{opacity:0;transform:translateY(50px);transition:opacity .8s ease,transform .8s ease}.z-scroll-skills.in-view{opacity:1;transform:translateY(0)}.z-scroll-overlay h1,.z-scroll-overlay h2,.z-scroll-overlay h3{text-shadow:0 2px 4px rgba(0,0,0,.5)}.z-scroll-text-backdrop{background-color:rgba(8,9,11,.7);padding:1rem;border-radius:.5rem;backdrop-filter:blur(5px)}