@import "https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;500;600;700&display=swap";
.container{box-sizing:border-box;width:100%;max-width:1000px;margin:0 auto;padding:0 20px}body{-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;margin:0;padding:0;font-family:Open Sans,sans-serif}#root{text-align:center;max-width:100%;margin:0 auto;padding:0;overflow-x:hidden}.logo{will-change:filter;height:6em;padding:1.5em;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:20s linear infinite logo-spin}}.card{padding:2em}.read-the-docs{color:#888}@media (max-width:768px){.container{padding:0 15px}}@media (max-width:480px){.container{padding:0 10px}body{font-size:14px}}.App{color:#f5f5f5;background-color:#1f1f1f;min-height:100vh}.content-container{box-sizing:border-box;max-width:1000px;margin:0 auto;padding:0 20px}@media (max-width:1200px){.content-container{max-width:900px}}@media (max-width:992px){.content-container{max-width:800px}}@media (max-width:768px){.content-container{max-width:100%;padding:0 20px}}@media (max-width:480px){.content-container{padding:0 15px}}:root{--max-width:1200px;--border-radius:8px;--font-primary:"Open Sans", sans-serif;--color-background:#1f1f1f;--color-text:#f5f5f5;--color-accent:#646cff;--color-accent-hover:#535bf2}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--color-background);max-width:100vw;color:var(--color-text);font-family:var(--font-primary);overflow-x:hidden}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;font-size:16px;line-height:1.5}main{flex-direction:column;min-height:100vh;display:flex}a{color:inherit;text-decoration:none}.content-container{width:100%;max-width:var(--max-width);flex:1;margin:0 auto;padding:0 20px}h1{font-size:clamp(2rem,5vw,3.2rem);font-weight:700;line-height:1.2}h2{font-size:clamp(1.5rem,4vw,2.4rem);font-weight:600;line-height:1.3}h3{font-size:clamp(1.2rem,3vw,1.8rem);font-weight:600;line-height:1.4}p{font-size:clamp(1rem,2vw,1.1rem);line-height:1.6}button{border-radius:var(--border-radius);cursor:pointer;background-color:#1a1a1a;border:1px solid #0000;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500;transition:border-color .25s,background-color .25s}button:hover{border-color:var(--color-accent)}button:focus,button:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}@media (max-width:1200px){.content-container{max-width:1000px}}@media (max-width:992px){.content-container{max-width:800px}body{font-size:15px}}@media (max-width:768px){.content-container{padding:0 16px}body{font-size:14px}}@media (max-width:480px){.content-container{padding:0 12px}button{width:100%}}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in{animation:.3s ease-in fadeIn}