:root{background-color:var(--colour-bg-panel);font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--colour-bg-main: #f2f3f5;--colour-bg-panel: #dddddd;--colour-button-primary: #f9f9f9;--text-main: #1f2933;--text-soft: #5f6b76;--text-muted: #8b96a3;--border-soft: #d6d9de;--border-strong: #c3c7ce;--drop-shadow: #00000033;--accent-blue: #1e4fa5;--accent-cyan: #2c7d8b;--accent-green: #4caf50;--accent-orange: #ff9f43}@media(prefers-color-scheme:dark){:root{--colour-bg-main: #242424;--colour-bg-panel: #1d1d1d;--colour-button-primary: #1d1d1d;--text-main: #e7eaf0;--text-soft: #aab3c2;--text-muted: #6c7686;--border-strong: #00000080;--border-soft: #2a3445;--drop-shadow: #00000044;--accent-blue: #5fa0ff;--accent-cyan: #4fd1eb;--accent-green: #60d394;--accent-orange: #ffb86b}}@media(width:100){.hamburger{display:none}}body{background-color:var(--colour-bg-main);margin:0;color:var(--text-main);font-size:large;min-width:320px}#root{min-height:100vh;display:flex;flex-direction:column}a{color:var(--accent-blue);text-decoration:inherit}a:hover{color:var(--accent-cyan)}#content{width:100%;flex:1}h1{font-size:3.2em;line-height:1.1}button{background-color:var(--colour-button-primary);border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-family:inherit;cursor:pointer;transition:border-color .25s}button:hover{border-color:var(--accent-blue)}footer{background-color:var(--colour-bg-panel);position:sticky;bottom:0;text-align:center;width:100%}.header{background-color:var(--colour-bg-panel);position:sticky;top:0;left:0;text-align:center;width:100%;z-index:2}.header>button{background-color:unset;transition:unset;border:unset;border-right:1px solid var(--text-muted);border-radius:0;padding:0 20px;margin:10px 0}.header>button:hover{text-decoration:underline}.header>button:last-child{border-right:none}.cardContainer{margin:auto;width:fit-content;max-width:1260px;display:flex;justify-content:center;flex-wrap:wrap}.card,.listCard,.tile{border:var(--border-strong) solid 2px;box-shadow:0 5px 10px var(--drop-shadow);transition:border-color .25s,transform .25s;margin:0 15px 25px}.card>h4,.listCard>h4,.tile>h4{margin:0}.card{width:300px;height:400px}.listCard{max-width:500px;width:90%;height:150px;text-align:left}.listCard>h4{float:left;margin:10px 20px}.listCard>p{color:var(--text-soft);float:left;margin:0 20px}.tile{width:175px;height:175px;padding:0;overflow:hidden}.card:hover,.card:focus,.card:focus-visible,.listCard:hover,.listCard:focus,.listCard:focus-visible,.tile:hover,.tile:focus,.tile:focus-visible{transform:scale(1.05)}.container{margin:10px auto;max-width:50rem;width:100%}.container>p{margin:0 30px}@keyframes fadeIn{0%{transform:translateY(-50px) scale(1);opacity:0}}