#root{max-width:"100vw";width:100%;--color-sage: #9CAF88}p{font-family:Inter,sans-serif;font-optical-sizing:auto;font-style:normal}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px) scale(1.25)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}.animated-brand{animation:fadeIn .25s ease-out}.scroll-image{width:100%}.scroll-text{text-align:left;font-size:1.5rem;text-shadow:0 0 5px white,0 0 5px white,0 0 5px white,0 0 5px white,0 0 5px white;padding-bottom:10px;margin:50px 0;opacity:0;transform:translate(50px);transition:opacity .5s ease-out,transform .5s ease-out}.img-animation{overflow:hidden;position:relative;height:100%}.scroll-text-fade-in{animation:fadeInLeft 1s ease-in forwards}.head-button{background:#32323c;background:linear-gradient(150deg,#32323c,#646464,#32323c);font-weight:700;color:#f5f5f5}.head-button:hover{border-bottom:3px solid rgb(50,50,60)}.head-button:active{border-bottom:3px solid rgb(50,50,60);background:#646464;background:linear-gradient(150deg,#646464,#32323c,#646464)}a:link.color-change a:visited.color-change a:hover.color-change a:active.color-change{text-decoration:none}div:has(>a.color-change):hover{border:2px solid #9CAF88;border-radius:5px}div:has(>a.color-change){padding:10px}.product-card{border:1px solid whitesmoke}.product-card:hover{border:1px solid #9CAF88}@media (max-width: 1200px){.img-animation{position:fixed;top:12vh;right:0}}#video-animation{border-radius:10px;max-width:100%;height:auto}*{font-family:Figtree,sans-serif;font-optical-sizing:auto;font-style:normal}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.bricolage-grotesque{font-family:Bricolage Grotesque,sans-serif;font-optical-sizing:auto;font-style:normal;font-variation-settings:"wdth" 100}a{text-decoration:none}:root{--color-maroon: #400000;--color-sage: #9CAF88;--color-tan: rgb(255, 252, 248);--color-black: #000000}body{background-color:var(--color-tan);color:var(--color-black);margin:0}h1,h2,h3{color:var(--color-maroon)}a{color:var(--color-white)}button.primary{background-color:var(--color-maroon);color:var(--color-white)}button.secondary{background-color:var(--color-sage);color:var(--color-black)}.footer-link{color:#646464}.footer-link:hover{text-decoration:underline}