.home{background-color:#fff;color:#000}.home section{margin-top:5rem;display:grid;grid-template-columns:repeat(3,1fr);column-gap:1.5rem}.resource{padding:.75rem 1.5rem;border-radius:.5rem;text-align:left;text-decoration:none;color:#222;background-color:#f1f1f1;border:1px solid transparent}.resource:hover{border:1px solid #000;box-shadow:0 25px 50px -12px #673ab888}@media (max-width: 639px){.home section{margin-top:5rem;grid-template-columns:1fr;row-gap:1rem}}@media (prefers-color-scheme: dark){.resource{color:#ccc;background-color:#161616}.resource:hover{border:1px solid #bbb}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#222;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}body{margin:0}#app{display:flex;flex-direction:column;min-height:100vh;background-color:#fff}header{display:flex;justify-content:flex-end;background-color:#fff}header nav{text-align:center;position:fixed;top:0;left:0;width:calc(100vh / 6);height:100vh;display:flex;flex-direction:column;background-color:#fff;border-right:2px solid black;box-sizing:border-box}header nav img{margin:1rem auto;transition:background .2s ease}header nav a:hover img{content:url(/logo-inverse.png)}header nav a{display:flex;align-items:center;justify-content:center;font-family:SUSE Mono,monospace;font-weight:600;background-color:#fff;color:#000;text-decoration:none;text-transform:uppercase;letter-spacing:1px;border-bottom:2px solid black;min-height:calc(100vh / 6)}header nav a:hover,header nav a.active{background-color:#000;color:#fff}main{background-color:#fff;flex:auto;display:flex;align-items:center;max-width:1280px;margin:0 auto;text-align:center;margin-left:calc(100vh / 6);padding:1rem}footer{text-align:center;font-size:.875rem;border-top:2px solid black;background-color:#fff;color:#000;height:15.625vh}footer p{margin-right:calc(100vh / 6)}.mobile-header{display:none}@media (max-width: 639px){main{margin:2rem}}@media (prefers-color-scheme: dark){:root{color:#000;background-color:#fff}}@media (max-width: 768px){header{flex-direction:column;border:none}.mobile-header{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;padding-top:1rem;border-bottom:2px solid black}.menu-toggle{width:100%;font-size:1.2rem;background:none;border:none;cursor:pointer;padding:.3rem 0;color:#fff;background-color:#000}header nav{position:static;width:100%;height:auto;display:none;flex-direction:column;border:none}header nav.open{display:flex}header nav a{width:100%;min-height:auto;padding:.5rem 0;border-bottom:1px solid black}header nav a:first-child{display:none}footer{margin-right:0}}