@import "https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;500&display=swap";#app{padding:15px;display:grid}.app{grid-template-rows:auto 1fr;gap:20px;display:grid}*{box-sizing:border-box;outline:none}:root{--white:#fff;--white-rgb:255, 255, 255;--black:#000;--black-rgb:0, 0, 0;--grey:#75715e;--grey-rgb:117, 113, 94;--gray:#75715e;--gray-rgb:117, 113, 94;--indigo:#3f51b5;--indigo-rgb:63, 81, 181;--purple:#ae81ff;--purple-rgb:174, 129, 255;--pink:#f92672;--pink-rgb:249, 38, 114;--epic:#673ab7;--epic-rgb:103, 58, 183;--legendary:#fd971f;--legendary-rgb:253, 151, 31;--primary:#a6e22e;--primary-rgb:166, 226, 46;--secondary:#fd971f;--secondary-rgb:253, 151, 31;--accent:#f92672;--accent-rgb:249, 38, 114;--info:#66d9ef;--info-rgb:102, 217, 239;--warning:#ffc107;--warning-rgb:255, 193, 7;--error:#f44336;--error-rgb:244, 67, 54;--success:#4caf50;--success-rgb:76, 175, 80;--text:#f8f8f2;--text-rgb:248, 248, 242;--description:#c2bea8;--description-rgb:194, 190, 168;--background:#000;--background-rgb:0, 0, 0;--surface:#141611;--surface-rgb:20, 22, 17;--surface-outline:#2f3517;--surface-outline-rgb:47, 53, 23;--youtube:red;--youtube-rgb:255, 0, 0;--twitch:#6441a5;--twitch-rgb:100, 65, 165}html{scrollbar-color:var(--surface-outline) var(--background);scrollbar-width:thin}html::-webkit-scrollbar{width:8px;height:8px}html::-webkit-scrollbar-track{background-color:var(--background)}html::-webkit-scrollbar-thumb{background-color:var(--surface-outline)}html::-webkit-scrollbar-thumb:hover{background-color:rgba(var(--primary-rgb), .72)}html::-webkit-scrollbar-thumb:active{background-color:var(--primary)}html{overflow-y:scroll}body{color:var(--text);background-color:var(--background);font-optical-sizing:auto;font-variant-numeric:tabular-nums;height:100vh;margin:0;padding:0;font-family:Rubik,sans-serif;font-size:12px;font-style:normal;line-height:14px;display:grid}body ::selection{color:var(--black);background-color:var(--primary)}p{margin:0}.block{border:1px solid var(--surface-outline);background-color:var(--surface);box-shadow:4px 4px 0 rgba(var(--accent-rgb), .22);gap:12px;padding:10px 15px;display:grid}.home{align-content:flex-start;gap:20px;max-width:720px;display:grid}.description{align-content:flex-start;gap:15px;display:grid}.description-title{color:var(--primary);justify-self:flex-start;font-size:24px;font-weight:400;line-height:28px}.description-content{color:var(--description);justify-self:flex-start;gap:10px;max-width:560px;font-size:12px;font-weight:300;line-height:14px;display:grid}.projects{align-content:flex-start;gap:15px;display:grid}.projects-header{justify-self:flex-start}.projects-title{color:var(--secondary);margin:0;font-size:18px;font-weight:300}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:15px;display:grid}.projects-card{align-content:flex-start;justify-self:stretch}.projects-card-title{color:var(--info);font-size:16px}.projects-card-description{color:var(--description);margin:0;font-size:12px;line-height:14px}.navigation{flex-wrap:wrap;align-items:center;gap:12px 18px;display:flex}.navigation-section{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.navigation-label,.navigation-separator,.navigation-year{color:var(--grey)}.navigation-link{color:var(--text);font-size:12px;font-weight:300;text-decoration:none}.navigation-link:hover{color:var(--primary);text-decoration:underline}.navigation-locale-button{color:var(--text);cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-size:12px;font-weight:300;line-height:14px;text-decoration:none}.navigation-locale-button:hover{color:var(--primary);text-decoration:underline}.navigation-locale-button--disabled{color:var(--grey);cursor:default}.navigation-locale-button--disabled:hover{color:var(--grey);text-decoration:none}.navigation-link--youtube:hover{color:var(--youtube)}.navigation-link--twitch:hover{color:var(--twitch)}