.nav-bar{position:fixed;display:flex;flex-direction:column;align-items:center;height:98dvh;width:12vw;background-color:var(--color-3);top:50%;left:0;transform:translateY(-50%);border-radius:50px;margin-left:1vh;z-index:50}.nav-logo-container{display:flex;justify-content:center;width:95%;height:auto;margin-top:var(--space-2);margin-bottom:var(--space-4);align-items:center;gap:var(--space-1);color:var(--typo-color-high)}.nav-logo-container h1{font-size:1.25rem;font-weight:600}.nav-logo{width:75px;height:75px;border-radius:50%;padding:var(--space-1);display:flex;cursor:pointer;align-items:center;justify-content:center;background-color:var(--color-1)}.nav-bar-button{position:relative;display:flex;align-items:center;color:var(--color-5);margin-bottom:var(--space-3);width:100%;height:35px;border:none;cursor:pointer;background:none}.nav-bar-button.active{color:var(--color-2)}.nav-bar-button.active svg path{fill:var(--color-2)}.nav-bar-button.activeShare{color:var(--color-2)}.nav-bar-button.activeShare svg path{stroke:var(--color-2)!important}.on-bar-indicator{position:absolute;left:0;top:0;width:6px;height:100%;background-color:var(--color-2);border-radius:0 50px 50px 0;margin:0;padding:0;transition:top .3s ease}.nav-bar-button h2{font-size:.85rem;font-weight:400}.nav-bar-button svg path{fill:var(--color-4)}#share-button svg path{fill:transparent;stroke-width:2.5;stroke:var(--color-4)}.nav-bar-button svg{width:35px;height:35px;margin:0 var(--space-2)}@media (max-width: 1500px){.nav-logo-container h1{display:none}.nav-bar-button h2{display:none;height:auto}.nav-bar-button svg{width:50px;height:50px;margin:0 auto}.nav-bar-button{height:60px}}@media (max-width: 800px){.nav-logo{width:55px;height:55px}.nav-bar{width:15vw;margin-left:0}}@media (max-width: 500px){.on-bar-indicator{display:none}}body{margin:0;padding:0;font-family:Inter,sans-serif;background-color:var(--color-5);overflow-x:hidden;font-size:100%}html{line-height:1.5;overflow-x:hidden;font-size:clamp(1rem,.9rem + .7vw,1.25rem);scrollbar-gutter:stable}*{box-sizing:border-box}h1,h2,h3,h4,h5{line-height:1.2;font-family:Poppins,sans-serif}:root{--color-1: #00f58f;--color-2: #3eb489;--color-3: #075854;--color-4: #053835;--color-5: #021817;--typo-color-high: #f2f2f2;--typo-color-medium: #e1e1e1;--typo-color-low: #d0d0d0;--space-8: .5rem;--space-16: 1rem;--space-24: 1.5rem;--space-32: 2rem;--space-40: 2.5rem;--space-48: 3rem;--space-56: 3.5rem;--space-64: 4rem;--space-72: 4.5rem;--space-80: 5rem;--space-88: 5.5rem;--space-96: 6rem;--space-104: 6.5rem;--space-120: 7.5rem;--space-128: 8rem;--typo-size-10: .625rem;--typo-size-12: .75rem;--typo-size-14: .875rem;--typo-size-16: 1rem;--typo-size-20: 1.25rem;--typo-size-24: 1.5rem;--typo-size-32: 2rem;--typo-size-36: 2.25rem;--typo-size-40: 2.5rem;--typo-size-48: 3rem;--typo-size-64: 4rem;--typo-size-96: 6rem;--typo-size-128: 8rem;--typo-weight-thin: 100;--typo-weight-extra-light: 200;--typo-weight-light: 300;--typo-weight-regular: 400;--typo-weight-medium: 500;--typo-weight-semi-bold: 600;--typo-weight-bold: 700;--typo-weight-extra-bold: 800;--typo-weight-black: 900;--motion-small-1: .1s;--motion-small-2: .2s;--motion-medium-1: .3s;--motion-medium-2: .4s;--motion-large-1: .5s;--motion-large-2: .6s;--motion-extra-1: .7s;--motion-extra-2: .8s;--motion-ultra-1: .9s;--shadow-small: 0 4px 8px rgba(0, 0, 0, .6), 0 1px 2px rgba(0, 0, 0, .3);--shadow-medium: 0 8px 16px rgba(0, 0, 0, .6), 0 2px 4px rgba(0, 0, 0, .3);--shadow-large: 0 16px 32px rgba(0, 0, 0, .6), 0 4px 8px rgba(0, 0, 0, .3);--power-1-out: cubic-bezier(.25, .46, .45, .94);--power-2-out: cubic-bezier(.17, .67, .83, .67);--img-opacity-low: rgba(2, 24, 23, .2);--img-opacity-medium: rgba(2, 24, 23, .4);--img-opacity-high: rgba(2, 24, 23, .6);--opacity-c1-normal: hsl(155, 100%, 44%);--opacity-c1-light: rgb(0, 223, 130, .25);--opacity-c1-s-light: rgb(0, 223, 130, .2);--opacity-c1-ul-light: rgb(0, 223, 130, .15);--opacity-c5-normal: rgba(2, 27, 26, .5);--opacity-c5-s-light: rgba(2, 27, 26, .2);--opacity-c2-normal: rgba(44, 194, 149, .5);--opacity-c2-light: rgba(44, 194, 149, .25);--opacity-c2-s-light: rgba(44, 194, 149, .2);--opacity-c2-ul-light: rgba(44, 194, 149, .15);--light-1: rgb(0, 223, 130, .09);--space-0: .25rem;--space-1: .5rem;--space-2: 1rem;--space-3: 1.5rem;--space-4: 2rem;--space-5: 2.5rem;--space-6: 3rem;--space-7: 4rem}