:root{--color-darker-gray: hsl(0, .9%, 22.2%);--color-dark-gray: hsl(0, 0%, 33%);--color-gray: hsl(0, 0%, 33%);--color-mid-gray: hsl(0, 0%, 49%);--color-light-gray: hsl(0, 0%, 80%);--color-off-white: hsl(0, 0%, 99%);--color-transparent-black: hsla(0, 0%, 0%, .12);--bs-body-font-family: "Lexend", system-ui;--bs-body-color: var(--color-gray);--bs-body-color-dark: var(--color-dark-gray);--bs-body-color-darker: var(--color-darker-gray);--heading-font-family: "quincy-cf", serif;--heading-font-style: normal;--heading-text-align: inherit;--bs-body-font-weight: 400;--big-heading-h3-size: 2.625rem ;--color-primary: #2e8555;--color-primary-dark: #29784c;--color-primary-darker: #277148;--color-primary-darkest: #205d3b;--color-primary-light: #33925d;--color-primary-lighter: #359962;--color-primary-lightest: #3cad6e;--hero-background-color: hsla(22, 100%, 50%, 1);--hero-text-color: #000000;--navbar-shadow: none;--nav-underline-color: hsl(333deg, 100%, 45%);--background-blur: 15px;--background-blur-color: #e0e0e054;--menu-color: black;--menu-border-radius: .25rem;--background-color: #fafafa;--paragraph-margin-bottom: 1.25rem;--heading-font-weight: 700;--blog-heading-color: #444444;--blog-heading-bg: #FFDE03;--blockquote-background: hsl(189, 90%, 76%);--connect-card-background: hsl(189, 90%, 76%)}.navbar{--bs-navbar-active-color: #2e8555;font-weight:500}html[data-bs-theme=dark]{--blockquote-background: #555;--blockquote-color: yellow;--color-scheme: dark;--background-color: #1b1b1d;--bs-body-color: #e3e3e3;--heading-color: var(--color-off-white)}html[data-theme=dark],.navbar--dark{--menu-link-sublist-icon-filter: invert(100%) sepia(94%) saturate(17%) hue-rotate(223deg) brightness(104%) contrast(98%)}blockquote{padding:1rem;background:var(--blockquote-background);color:var(--blockquote-color)}.box-shadow-1{box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d}.box-shadow-2{box-shadow:0 3px 6px #00000029,0 3px 6px #0000003b}.col{background-color:var(--bs-body-bg)}.figcaption{text-align:center;font-style:italic;color:#828282}.hero--primary{--hero-background-color: var(--hero-background-color);--hero-text-color: var(--hero-text-color);height:100vh}.navbar{width:100%;position:sticky;top:0;z-index:600}.blurred-bg{backdrop-filter:blur(var(--background-blur));background:var(--background-blur-color)}@media(min-width:996px){.navbar{backdrop-filter:blur(var(--background-blur));background:var(--background-blur-color)}}@media(max-width:996px){.navbar .navbar-sidebar .navbar-sidebar__brand{background-color:var(--navbar-background-color)}.navbar .navbar-sidebar,.navbar .navbar-sidebar__items{backdrop-filter:blur(var(--background-blur));background-color:var(--background-blur-color)}.navbar-sidebar .navbar-sidebar__brand .clean-btn.navbar-sidebar__close svg{color:#000;--color-emphasis-600: black}}.navbar__inner{display:flex;flex-wrap:wrap;justify-content:space-between;margin:0 auto;max-width:var(--container-width);padding:0 var(--spacing-horizontal);width:100%}@keyframes underline{0%{width:0%}to{width:100%}}.nav_underline{position:absolute;display:none;left:0;right:0;bottom:-2px;padding:0}.nav_underline>path{padding:0;stroke:var(--nav-underline-color)}.nav_underline.active{display:block;animation:underline 1s ease-out 0s 1}body{height:auto!important;overflow:visible}.markdown p{animation:an 2s ease 1}p{margin:0 0 var(--paragraph-margin-bottom)}h1,h2,h3,h4,h5,h6{color:var(--heading-color);font-family:var(--heading-font-family);font-weight:var(--heading-font-weight);line-height:1em;margin:0 0 1rem;text-align:var(--heading-text-align);font-style:var(--heading-font-style)}.hero{align-items:center;background-color:var(--hero-background-color);color:var(--hero-text-color);display:flex;padding:4rem 2rem}.hero__title{font-size:3rem}.hero__subtitle{font-size:1.5rem}.clean-btn{background:none;border:none;color:inherit;cursor:pointer;font-family:inherit;padding:0}.toggleButton{-webkit-tap-highlight-color:transparent;align-items:center;display:flex;justify-content:center;width:100%;height:100%;border-radius:50%;transition:background var(--transition-fast)}.mdxWrapper{justify-content:center;min-height:80vh}.main-wrapper.blogPost{margin-top:2rem;min-height:75vh}.blog-heading .blog-title,.blog-heading .blog-title:hover{color:var(--blog-heading-color);font-size:3rem;text-decoration:none}@keyframes an{0%{opacity:0;transform:perspective(500px) translate3d(-35px,-40px,-150px) rotate3d(1,-1,0,35deg)}to{opacity:1;transform:perspective(500px) translateZ(0)}}@keyframes blogpost-on-load-top{0%{opacity:0;transform:translate3d(0,40px,0)}to{opacity:1;transform:translateZ(0)}}@keyframes rise-up{0%{opacity:0;transform:translate3d(0,40px,0)}to{opacity:1;transform:translateZ(0)}}.on-scroll-enabled .on-scroll-anim,.on-scroll-enabled.on-scroll-anim,.project-page-animation{animation:rise-up 1s ease}.blogPost figure{display:flex;flex-direction:row;align-items:center;width:100%;justify-content:space-around}.blogPost img{margin-left:auto;margin-right:auto;max-width:100%;height:auto;border:1px solid #ccc}.blogPost h1,.blogPost h2,.blogPost h3,.blogPost h4,.blogPost h5,.blogPost h6{scroll-margin-top:4rem}.blogPost .toc-aside{overflow-y:auto;max-height:80vh;min-height:0;height:auto;border-radius:2em;position:sticky;top:4rem;left:0;margin-left:0;width:20%;padding-left:.01em;padding-top:1em;text-align:left;backdrop-filter:blur(var(--background-blur));background-color:var(--background-blur-color);box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d}.blogPost .toc-aside a{text-decoration:none;display:block;color:var(--color-primary)}.blogPost .toc-aside a:hover{text-decoration:underline;color:var(--color-primary-darkest);backdrop-filter:blur(var(--background-blur));background-color:var(--background-blur-color);border-radius:1em;padding:1em}.blogPost .toc-aside ul{list-style:none}.blogPost .blog-heading-container{min-height:12vh;text-align:center;color:var(--blog-heading-color);background:var(--blog-heading-bg);padding:4rem}.inset-0{inset:0}.banner-img img{display:block;width:100%}.budget-app .learn-more-link{padding:.7rem 1em;border-radius:2rem;min-width:50%;background-color:#f62d0e;border:none;color:#fafafa}.budget-app .learn-more-link:hover{color:#fff}.budget-app{background-color:#ffad33}.budget-app h2{font-weight:600;font-family:Poppins,sans-serif;font-size:calc(1.5rem + .9vw)}.budget-app a{color:#000}.project-index-links ul{padding-left:0;padding-inline-start:0}.links-list a{text-decoration:none}.unstyled-link>a,.unstyled-link>a:hover,.unstyled-link>a:focus,.unstyled-link>a:visited{text-decoration:none}.pain-points-container{align-items:flex-start;row-gap:1rem}.insight-observation-color{color:#e87613;font-weight:600}.insight-color{color:green;font-weight:600}.insight-color:before{content:"💡"}.inline-children>*,.inline-children>p>*{display:inline-block;margin-top:.25rem}.center-title h1,.center-title h2,.center-title h3,.center-title h4,.center-title h5,.center-title h6{text-align:center}.mt-1rem{margin-top:1rem}.mt-2rem{margin-top:2rem}.mt-3rem{margin-top:3rem}.mt-4rem{margin-top:4rem}.mt-5rem{margin-top:5rem}.mb-1rem{margin-bottom:1rem}.mb-2rem{margin-bottom:2rem}.mb-3rem{margin-bottom:3rem}.mb-4rem{margin-bottom:4rem}.mb-5rem{margin-bottom:5rem}img.bordered-img,.bordered-img img{border:1px solid #ccc}:root{--floating-anim-upper: -.5vh;--floating-anim-lower: -.5vh}@keyframes floating-anim{0%{transform:translateY(-1vh)}50%{transform:translateY(1vh)}to{transform:translateY(-1vh)}}@keyframes slide-right-anim{0%{opacity:0;transform:translateY(1vh)}to{opacity:1;transform:translateY(0)}}.pre-anim-slide-right{opacity:0}.anim-slide-right{animation:slide-right-anim .5s ease-in;animation-delay:0s;animation-fill-mode:forwards}.anim-delay-1s{animation-delay:.5s}.anim-delay-2s{animation-delay:1s}.anim-delay-3s{animation-delay:1.5s}.anim-delay-4s{animation-delay:2s}.anim-delay-5s{animation-delay:5s}.anim-delay-6s{animation-delay:6s}.anim-duration-1s{animation-duration:1s}.anim-duration-2s{animation-duration:2s}.anim-duration-3s{animation-duration:3s}.anim-duration-4s{animation-duration:4s}.anim-duration-5s{animation-duration:5s}.anim-duration-6s{animation-duration:6s}