@import "https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap";:root{--clr-accent-color:#243784;--clr-accent-color-variant:#3b3f6d;--clr-neutral-0:#000;--clr-neutral-5:#0d0d0d;--clr-neutral-10:#1a1a1a;--clr-neutral-15:#262626;--clr-neutral-20:#333;--clr-neutral-25:#404040;--clr-neutral-30:#4d4d4d;--clr-neutral-35:#595959;--clr-neutral-40:#666;--clr-neutral-45:#737373;--clr-neutral-50:gray;--clr-neutral-55:#8c8c8c;--clr-neutral-60:#999;--clr-neutral-65:#a6a6a6;--clr-neutral-70:#b3b3b3;--clr-neutral-75:#bfbfbf;--clr-neutral-80:#ccc;--clr-neutral-85:#d9d9d9;--clr-neutral-90:#e6e6e6;--clr-neutral-95:#f2f2f2;--clr-neutral-100:#fff}*,:before,:after{box-sizing:border-box}:root,html,body{max-width:100vw;min-height:100vh;margin:0;padding:0}:root{box-sizing:border-box;color:var(--clr-neutral-20);background-color:var(--clr-neutral-100);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;font-family:roboto,sans-serif;font-weight:400;line-height:1.5}h1{font-size:3.2em;line-height:1.1}h1,h2,a{color:var(--clr-accent-color)}a{-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500}a :hover{color:var(--clr-accent-color-variant)}.button,button{background-color:var(--clr-accent-color);color:var(--clr-neutral-90);cursor:pointer;border-radius:8px;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500;transition:all .25s}.button:hover,button:hover{background-color:var(--clr-neutral-50);outline:3px solid var(--clr-accent-color-variant);color:var(--clr-neutral-0)}.button:focus,.button:focus-visible button:focus,button:focus-visible{outline:4px auto var(--clr-accent-color-variant)}button[disabled]{cursor:not-allowed;filter:grayscale()}.card{padding:2em}#app{margin:0;padding:0;display:grid}pre{text-align:left;border:1px solid var(--clr-accent-color);background:var(--clr-neutral-0)}