@import 'https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,500;1,500&display=swap';:root{--fg:white;--bg:black;--content-width:70vw;--nav-height:10vh;--card-width:33.33333%;--card-pad:2vh}body{margin:0;line-height:1.5;font:3vh sans-serif;background-color:var(--bg);color:var(--fg)}h1{font:700 italic 8vh jetbrains mono,monospace;margin-bottom:0}h2{font:700 italic 5vh jetbrains mono,monospace}a{color:#0ff;text-decoration:none}a:hover{text-decoration:underline}a:active{color:red}img,video{display:block;margin-left:auto;margin-right:auto;max-width:100%;max-height:75vh}table{margin-left:auto;margin-right:auto}.content{position:absolute;width:var(--content-width);top:var(--nav-height);left:calc((100vw - var(--content-width))/2);padding-bottom:15vh}.muted{color:gray;font-style:italic}#navbar{position:fixed;z-index:10;width:100%;background-image:linear-gradient(black,transparent)}.navitem{position:relative;display:inline-block;padding:calc(var(--nav-height)/4);font-size:calc(var(--nav-height)/2);font-family:jetbrains mono,monospace;color:var(--fg);text-decoration:none;text-shadow:0 0 1vh #000}.navitem:hover,.navitem:active{color:var(--bg);background-color:var(--fg);text-decoration:none;text-shadow:none}.card{display:inline-block;width:calc(var(--card-width) - 2*var(--card-pad));padding:var(--card-pad);color:#fff;vertical-align:top}.card:hover{text-decoration:none}.card>img{display:inline-block;width:100%}.card>h3{font:700 italic 3vh jetbrains mono,monospace;color:#fff}.card>p{font-size:2vh;color:gray}.card:hover>p{color:#fff}.caption{font-size:70%;margin-top:1vh;text-align:center;font-style:italic}