:root{--color-text:#DADADA;--color-text-2:#C9C9C9;--color-headings:#0F6FAF;--color-headings-2:#D97706;--color-links:#38BDF8;--color-background:#110E11;--color-background-2:#220E22;--color-lines:#35342b;--gap:16px;--main-font:'Courier New', monospace}html,body{width:100%;height:100%;margin:0;background-color:var(--color-background);color:var(--color-text)}body{display:flex;flex-direction:column;min-height:100vh}main{flex:1;margin:0 var(--gap)}footer{font-size:12px;text-align:center;padding:var(--gap)0}header{display:block}nav.nav-pages{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;text-align:center;max-width:60%;padding:var(--gap);margin:0 auto;font-size:max(2vw,18px)}nav.nav-pages div{display:flex;flex-wrap:wrap}ul.inline{display:flex;list-style:none;cursor:pointer;padding:0;margin:0;text-align:center;column-gap:var(--gap)}ul.inline li{display:inline-block}ul.inline li a{display:inline-block;color:var(--color-text-2);text-decoration:none;font-weight:400;transition:color .3s ease,transform .3s ease}ul.inline li a:hover{color:var(--color-links);transform:scale(1.05)}