:root{--dark:#111;--light:#181818;--accent-hue:90;--accent-sat:80%;--accent:hsl(var(--accent-hue), var(--accent-sat), 50%);--accent-light:hsl(var(--accent-hue), var(--accent-sat), 60%);--accent-dark:hsl(var(--accent-hue), var(--accent-sat), 30%);--accent-vdark:hsl(var(--accent-hue), var(--accent-sat), 8%);--accent-vvdark:hsl(var(--accent-hue), var(--accent-sat), 5%);--lightText:#eee;--darkText:#222}body{background:var(--accent-vvdark);color:var(--lightText);font-family:monospace;font-size:1.5em;padding:2ch 6%;text-align:center;max-width:80ch}ul{list-style-type:none}ul>li{display:inline}a{text-decoration:none;color:var(--accent-light);transition:opacity .15s}a:hover{opacity:80%}::selection{background:var(--accent);color:var(--lightText)}canvas,h3,p{margin:0;padding:0}.bgcanv{position:fixed;top:0;left:0;z-index:-1;width:100%;height:100%}#top{display:flex;flex-wrap:wrap;justify-content:left;gap:1ch;margin-bottom:1ch}#top>*{min-width:8ch;text-align:center}#top>a{font-weight:700;font-size:1.2rem}#projects{display:grid;grid-template-columns:repeat(1,minmax(240px,1fr));justify-content:center}#projects>*{color:var(--lightText)}.card{background:var(--accent-vdark);border:2px solid var(--accent-dark);text-align:left;padding:1ch;margin:.2ch 0;transition:border-radius .25s,border-color .25s,opacity .25s;opacity:80%}.card .title{color:var(--accent)}.card:hover{border-radius:0 25px 0 25px;border-color:var(--accent);opacity:95%}.content{max-width:80ch;margin:2ch auto;text-align:center}