@import "https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Recursive:wght@300..1000&family=Space+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap";@import "https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Recursive:wght@300..1000&family=Space+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap";form{flex-direction:column;gap:10px;width:fit-content;display:flex}form input:user-invalid{border:2px solid #b22222}form label{align-items:center;gap:.5rem;display:inline-flex}form label span{flex:none;width:160px}form button{align-self:stretch}@media (width<=1050px) and (width>=880px){.app-header h1{font-size:6.4vw}.app-header nav a{flex:auto;justify-content:center;padding:0 10px;font-size:20px}.app-header{padding:0 15px}}@media (width<=879px){.app-header{grid-template-columns:1fr;gap:10px;height:auto;padding:10px 0 0;display:grid;position:relative}.app-header h1{padding:5px 0;font-size:10vw;line-height:1}.app-header nav a{flex:auto;justify-content:center;padding:5px 10px}h2{font-size:45px}}:root{--bg-main-content:#1e1e1e;--bg-nav:#000;--table-border:#ffd79f;--text-main:#fff;--accent-one:#8fa34d;--accent-two:#d1af80;--nav-text:#fff;--header-title:#fff}html{scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:#444 transparent;overflow-y:auto}body{background-color:var(--bg-main-content);margin:0}.app-header{z-index:1000;background-color:var(--bg-nav);box-sizing:border-box;align-items:center;gap:40px;width:100%;height:100px;padding:0 30px;display:flex;position:sticky;top:0;overflow:hidden}.app-header h1{text-align:center;color:var(--header-title);align-self:center;margin:0;font-family:Bebas Neue,sans-serif;font-size:65px}.app-header nav{justify-content:flex-start;align-self:stretch;display:flex}.app-header nav a{color:var(--nav-text);align-items:center;padding:0 20px;font-family:Space Mono,monospace;font-size:20px;text-decoration:none;display:flex}.app-header nav a.active{background-color:var(--accent-two);color:var(--bg-nav)}.container{color:var(--text-main);align-content:center;max-width:1080px;margin:20px auto;padding:0 40px;font-family:Recursive,sans-serif}a{color:var(--accent-two)}h2{color:var(--accent-two);border-color:var(--accent-one);border-width:1px;border-bottom-style:solid;margin:0;font-family:Bebas Neue,sans-serif;font-size:40px}h3{color:var(--accent-two);border-color:var(--accent-two);border-width:1px;margin:0;font-family:Bebas Neue,sans-serif;font-size:30px}table,th,td{border:1px solid var(--table-border);border-collapse:collapse;padding:8px}th{background-color:var(--accent-two);color:var(--bg-nav);border-bottom:2px solid var(--table-border);font-size:18px}td{text-align:center;font-size:14px}.tableList{margin-left:5px;margin-right:5px;padding-left:0;list-style-type:none}li{margin-bottom:8px}.tableButton{box-sizing:border-box;width:100%;margin-top:0}.deleteButton{box-sizing:border-box;background-color:#b22222;width:100%;margin-top:0}button{cursor:pointer;height:40px;color:var(--bg-nav);background-color:var(--accent-one);border-style:solid;border-width:2px;align-self:flex-start;margin-top:10px;font-size:14px}select{width:200px;height:30px;color:var(--accent-two);background-color:var(--bg-nav);border-style:solid;border-width:2px;margin-top:20px;margin-left:10px;font-size:14px}select option{background-color:var(--bg-nav);color:var(--accent-two)}.multiSelect{height:auto;margin:0;padding:2%}.fixWidth{width:123px}input{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;height:30px;color:var(--accent-two);background-color:var(--bg-nav);border-style:solid;border-width:2px;font-size:14px}p{color:var(--text-main)}form{flex-direction:column;gap:10px;width:fit-content;display:flex}form input:user-invalid{border:2px solid #b22222}form label{align-items:center;gap:.5rem;display:inline-flex}form label span{flex:none;width:160px}form button{align-self:stretch}.sideBySide{gap:10px;display:flex}.sideBySide button{flex:1}@media (width<=1050px) and (width>=880px){.app-header h1{font-size:6.4vw}.app-header nav a{flex:auto;justify-content:center;padding:0 10px;font-size:20px}.app-header{padding:0 15px}}@media (width<=879px){.app-header{grid-template-columns:1fr;gap:10px;height:auto;padding:10px 0 0;display:grid;position:relative}.app-header h1{padding:5px 0;font-size:10vw;line-height:1}.app-header nav a{flex:auto;justify-content:center;padding:5px 10px}h2{font-size:45px}}
