.App{width:100%;min-height:100vh}.container{margin:0 auto;padding:1rem}.card{background:#ffffff0d;border-radius:12px;padding:2rem;margin:1rem 0}.read-the-docs{color:#888}@media (max-width: 600px){.container{padding:.5rem}h1{font-size:2rem}}:root{--font-base: "Roboto", sans-serif;--font-sansation: "Sansation", sans-serif;--font-size: 16px;--line-height: 1.5;--color-text: rgba(255, 255, 255, .87);--color-bg: #fff9f9;--color-primary: #646cff;--color-primary-hover: #535bf2;--color-button-bg: #1a1a1a;--color-light: #ffffff;--color-dark: #213547;--color-main-dark-green: #356854;--color-green-text: #02542d;--color-light-green: #c1dad3;--color-light-green-hover: #7fb8a5;--color-main-white: #f1fff3;--color-gray: #929292;font-family:var(--font-base);font-size:var(--font-size);line-height:var(--line-height);font-weight:400;background-color:var(--color-bg);color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;width:100%;display:flex;background-color:var(--color-bg);color:var(--color-text)}a{font-weight:500;color:var(--color-primary);text-decoration:none}a:hover{color:var(--color-primary-hover)}h1{font-size:2.5rem;line-height:1.2;margin:0 0 1rem}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1rem;font-weight:500;font-family:inherit;background-color:var(--color-button-bg);color:inherit;cursor:pointer;transition:border-color .25s,background-color .25s}button:hover{border-color:var(--color-primary)}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{--color-text: var(--color-dark);--color-bg: var(--color-light);--color-button-bg: #f9f9f9}a:hover{color:#747bff}}