.navbar{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:1rem}.navbar .navlink{flex-basis:4rem;max-width:4rem;aspect-ratio:1;display:flex;align-items:center;justify-content:center;background-color:var(--bg2);overflow:hidden}.navbar .navlink:active{background-color:var(--bg3)}.navbar .navlink>.icon{font-size:2rem}.navbar .navlink.active>.icon{color:var(--fg2)}.page{width:100dvw;height:100dvh;display:flex;flex-direction:column;gap:1rem;padding:1rem}.page>main{width:100%;height:100%;overflow-y:auto}