nav#mainnav ul{flex-direction:row;gap:.5rem;padding:0;list-style:none;display:flex}nav#mainnav li{border-radius:var(--borderRadius);color:var(--nav-fg);padding:.5rem;transition:all .3s;display:inline}nav#mainnav li:hover,nav#mainnav li.active{color:var(--color-brand-text);background:var(--color-brand)}nav#mainnav li a{color:inherit;text-decoration:none}
