.play-ground{z-index:0}.play-ground,.shadow{position:absolute;cursor:default;width:100%;height:100%}.shadow{z-index:-1}.main-about-container{display:flex;justify-content:center;align-items:center;height:auto;width:auto;flex-direction:column}.about-hero-section{width:100%;height:100vh;overflow:hidden}.about-hero-section,.i-am-container{position:relative;display:flex;justify-content:center}.i-am-container{margin:0 auto;align-items:flex-start;flex-direction:column;width:60%;height:auto;z-index:1}.i-am-container h1{font-size:2.25rem;color:var(--color-2);font-weight:600;margin:0}.i-am-container h2{font-size:6rem;color:var(--color-1);font-weight:700;line-height:1;position:relative;left:-5px;margin:0;margin-top:var(--space-1);margin-bottom:var(--space-2)}.i-am-container p{font-size:1.25rem;width:90%;color:var(--font-middle);font-family:var(--font-body),sans-serif;margin:0}.i-am-container button{border:none;width:6rem;height:6rem;border-radius:50%;margin:0 0 0 auto;padding:var(--space-2);background-color:var(--color-2);font-family:var(--font-display);color:var(--color-2);cursor:pointer}.i-am-container button svg{width:70%;height:70%;stroke:var(--color-1);margin:auto}.about-content{position:relative;width:100%;height:225vh;display:flex;justify-content:flex-start;flex-direction:column;align-items:center;overflow:hidden}.mobile-intro{height:auto;position:relative;width:90%;border-radius:25px;padding:var(--space-4);margin:var(--space-5) 0;background-color:var(--opacity-color-4-5);border:2px solid var(--color-1);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.mobile-intro.hidden{display:none}.mobile-intro h4{color:var(--color-2);font-size:2.5rem;margin:var(--space-4) 0}.mobile-intro p{margin:var(--space-2) 0;font-size:1.25rem;font-family:var(--font-body),sans-serif;line-height:1.3;color:var(--font-middle)}@media (max-width:1250px){.i-am-container{width:90%}}@media (max-width:1000px){.about-content{height:auto}}@media (max-width:800px){.i-am-container p,.mobile-intro p{font-size:1.125rem}.i-am-container h1{font-size:1.575rem}.i-am-container h2{font-size:4.2rem}.i-am-container button{font-size:.875rem}.mobile-intro h4{font-size:1.75rem}.i-am-container button{width:5rem;height:5rem}}@media (max-width:400px){.i-am-container h2{font-size:3.8rem}}@media (max-height:700px){.i-am-container p,.mobile-intro p{font-size:1rem}}