nav.page-navigation{z-index:40;border-bottom:1px solid rgba(var(--accent-numbers), .4);background-color:#10101066;width:100%;margin:0 auto 2rem;transition:background-color .5s,border-color .5s;display:block;position:sticky;top:0}nav.page-navigation.inline{width:100vw;position:fixed}nav.page-navigation.inline:not(.scrolled){background:0 0;border-color:#0000}nav.page-navigation.scrolled{background-color:#101010;border-color:#0000}nav.page-navigation ul{color:#fff;flex-flow:row;gap:1rem;width:fit-content;margin:0 auto;padding:0;font-family:Roboto,sans-serif;list-style:none;display:flex;position:relative}nav.page-navigation ul li{text-decoration:none}nav.page-navigation ul li img{aspect-ratio:1;background-color:rgba(var(--accent-numbers), .2);cursor:pointer;border-radius:.5rem;width:auto;height:2rem;margin:.4rem;padding:.1rem;transition:all .5s;translate:0 .1rem}nav.page-navigation ul li img:hover{background-color:rgba(var(--accent-numbers), .6)}nav.page-navigation ul li a:not(.login) svg{display:none}nav.page-navigation ul li a:not(.loggedin){color:#fff;text-transform:uppercase;padding:1rem;font-weight:300;text-decoration:none;display:block}nav.page-navigation ul li a:not(.loggedin):hover{color:var(--accent)}nav.page-navigation.mobile ul{flex-wrap:wrap;justify-content:center;align-items:center;gap:0}nav.page-navigation.mobile ul li.active a{color:var(--accent)}nav.page-navigation.mobile span{display:none}nav.page-navigation.mobile svg{font-size:2rem;display:block!important}nav.page-navigation.mobile img{height:2.5rem;margin:0 .75rem}
footer{background-color:#1f1f1f;margin-top:10rem;padding:0 1rem 2rem}footer>div{grid-template-columns:auto auto auto;justify-items:center;max-width:100ch;margin:0 auto;display:grid}footer>div>:first-child{justify-self:start}footer>div>:last-child{justify-self:end}footer ul{color:#fff;width:fit-content;margin:0;padding:0;list-style:none}footer ul.metanavigation{grid-template-columns:repeat(auto-fill,minmax(9rem,1fr));gap:.1rem;width:100%;display:grid}footer ul.metanavigation li{text-align:center;white-space:nowrap;width:100%}footer li{width:fit-content;transition:all .3s}footer li:not(.highlighted):hover{background-color:#10101066}footer li.special a{color:var(--frikybot-light)}footer li.special:hover{background-color:var(--frikybot-dark)}footer li.special:hover a{color:#fff}footer a{color:#fff;text-transform:uppercase;grid-template-columns:auto auto;padding:.5rem 1rem;font-size:1rem;font-weight:100;text-decoration:none;display:block}footer a:hover{color:var(--accent)}footer .langlist ul{width:10rem}footer .langlist li{cursor:default;color:#fff;width:100%;padding-right:0}footer .langlist li a{grid-template-columns:auto 1.5rem;gap:1rem;display:grid}footer .langlist li span{line-height:1}footer .langlist li.highlighted span{color:var(--accent);font-weight:500}footer .langlist li:not(.highlighted){cursor:pointer}footer .langlist li img{justify-self:end;height:1rem;scale:1.5}