@import"https://fonts.googleapis.com/css2?family=Quicksand:wght@300..700&family=Share+Tech+Mono&display=swap";html,body{margin:0;padding:0}:root{line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6,p{margin:0;padding:0;font-weight:400}html,body,select,button,input,textarea{font-family:Quicksand,sans-serif;font-size:1em}.mono{font-family:Share Tech Mono,monospace;font-weight:400;font-style:normal}a{font-weight:500;color:var(--link-color);text-decoration:inherit}a:hover{color:var(--link-color--hover)}.button{color:var(--button-text);background:var(--button-background);border:none;border-radius:.25em;padding:.5em 1em;cursor:pointer}.button:hover{background:var(--button-background--hover);color:var(--button-text--hover)}#root{margin:0;padding:0;font-size:calc(10px + 2vw)}.app{min-height:100vh;--ui-background: #f0f0f0;--ui-text: #333;--link-color: #007bff;--link-color--hover: #0056b3;--card-background: #fff;--card-shadow: rgba(0, 0, 0, .1);--button-background: #007bff;--button-background--hover: #0056b3;--button-text: #fff;--button-text--hover: #e0e0e0;background:var(--ui-background);color:var(--ui-text)}.title{white-space:nowrap;font-size:1.5em;font-family:Courier New,Courier,monospace}.app--home{display:flex;flex-direction:column;justify-content:center;align-items:center}.the-footer{padding:1rem;text-align:right;font-size:.75em;opacity:.8}.the-header{text-align:center;padding:1em 1em 0}.the-nav{display:flex;flex-direction:column}.the-nav--horizontal{flex-direction:row;justify-content:center}.the-nav .nav-item{text-decoration:none;color:#007bff;display:block;padding:.25em .5em;min-width:5em}.the-nav .nav-item:hover{text-decoration:underline}.the-nav .nav-item.active{color:currentColor}.card{box-shadow:0 2px 4px var(--card-shadow);background:var(--card-background);border-radius:.5em;padding:.5em 1em}.app--internal{display:grid;grid-template-rows:max-content max-content minmax(10em,1fr) max-content;grid-template-areas:"header" "nav" "main" "footer"}.app__header{grid-area:header}.app__nav{grid-area:nav}.app__main{grid-area:main}.app__footer{grid-area:footer}.page{padding:1rem}