.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(--white-1)}.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:1rem;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.6;overflow-x:hidden;font-size:clamp(1rem,.9rem + .7vw,1.25rem)}*{box-sizing:border-box}h1,h2,h3,h4,h5{line-height:1.2;font-family:Poppins,sans-serif}:root{--white-1: #f5f5f5;--white-2: #dfdfdf;--black-1: #1c1c1c;--black-2: #333333;--color-1: #00df82;--color-2: #2cc295;--color-3: #03624c;--color-4: #032221;--color-5: #021b1a;--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}