.Header{background-color:var(--bg-translucent);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--line);box-sizing:border-box;z-index:1000;grid-template-columns:auto 1fr auto;align-items:center;gap:1.25rem;width:100%;height:6rem;padding:0 1.5rem;display:grid;position:fixed;top:0}@supports not (backdrop-filter:blur(1px)){.Header{background-color:var(--bg)}}.Header-tagline{color:var(--text-dim);white-space:nowrap;justify-self:center;margin:0;font-size:.95rem;font-style:italic;transform:translate(-2rem)}.Header-right{align-items:center;gap:1.25rem;display:flex}.Header-logo-link{flex-shrink:0;align-items:center;display:flex}.Header-logo{width:auto;height:5rem;color:var(--logo-color);flex-shrink:0}.Header-nav .nav-icon{width:1.25rem;height:1.25rem;margin-right:.5rem}.Header-nav{display:flex}.Header-nav ul{gap:2rem;margin:0;padding:0;list-style:none;display:flex}.Header-nav ul li{display:inline}.Header-nav ul li a{color:var(--text);border-bottom:2px solid #0000;align-items:center;padding-bottom:.25rem;font-size:.85rem;text-decoration:none;transition:color .2s,border-color .2s;display:inline-flex}.Header-nav ul li a:hover,.Header-nav ul li a:focus-visible{color:var(--accent-hover);border-bottom-color:var(--accent)}.Header-nav ul li a.is-active{color:var(--accent);border-bottom-color:var(--accent)}.ThemeToggle{color:var(--text-dim);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;width:2rem;height:2rem;padding:0;transition:color .2s;display:inline-flex}.ThemeToggle:hover,.ThemeToggle:focus-visible{color:var(--accent-hover)}.ThemeToggle-icon{font-size:1.25rem;line-height:1}@media (width<=56.25em){.Header-tagline{display:none}}@media (width<=37.5em){.Header{grid-template-columns:1fr;grid-auto-rows:min-content;align-content:center;justify-items:center;gap:.25rem;height:9.5rem;padding:0 1rem}.Header-logo{height:6.5rem}.Header-tagline{font-size:.8rem;display:block;transform:none}.Header-right{position:absolute;top:50%;right:1rem;transform:translateY(-50%)}.Header-nav{display:none}}.Footer{background-color:var(--bg-raised);border-top:1px solid var(--line);text-align:center;z-index:1000;border-radius:.625rem;width:100%;height:2.5rem;padding:1.25rem;display:none;position:fixed;bottom:0}.Footer-nav{justify-content:center;align-items:center;display:flex}.Footer ul{justify-content:space-between;width:100%;margin:0;padding:0;list-style:none;display:flex}.Footer ul li{display:inline}.Footer ul li a{color:var(--logo-color);border-bottom:2px solid #0000;text-decoration:none;transition:color .2s,border-color .2s;display:flex}.Footer ul li a:hover,.Footer ul li a:focus-visible{color:var(--accent-hover);border-bottom-color:var(--accent)}.Footer .nav-icon{width:1.25rem;height:1.25rem;margin-right:.5rem}.Footer .nav-label{margin-bottom:1rem;display:inline}@media (width<=37.5em){.Footer{justify-content:space-between;width:90%;height:auto;padding:.5rem 1.25rem;display:block}.Footer .nav-label{display:none}.Footer ul{width:70%}.Footer .nav-icon{width:1.5rem;height:1.5rem;margin-right:0}}body,html,.App{background:var(--bg);color:var(--text);margin:0;padding:0}.App{flex-direction:column;min-height:100vh;display:flex}main{background:var(--bg);color:var(--text);flex-direction:column;flex:1;margin-top:6rem;padding:1.25rem;display:flex}.copyright{text-align:center;background-color:var(--bg-raised);color:var(--text-dim);border-top:1px solid var(--line);margin-top:auto;padding:.625rem;font-size:.75rem}@media (width<=37.5em){main{margin-top:9.5rem}.copyright{margin-bottom:4rem}}:root{--bg:#1c1611;--bg-raised:#26201a;--text:#f0e9de;--text-dim:#a69c8d;--accent:#e8a33d;--accent-hover:#f2c14e;--accent-secondary:#c1652f;--line:#3a322a;--logo-color:#f5a623;--rule-gradient:linear-gradient(90deg, var(--accent) 0%, var(--accent-secondary) 100%);--bg-translucent:#1c1611e0}html[data-theme=light]{--bg:#fdfbf8;--bg-raised:#f6f1e9;--text:#221d17;--text-dim:#6b6156;--accent:#96620f;--accent-hover:#7a4f0b;--accent-secondary:#a6491f;--line:#e3dacb;--bg-translucent:#fdfbf8e0}*,:before,:after{box-sizing:border-box}html{scrollbar-gutter:stable}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}
