html{box-sizing:border-box;scroll-behavior:smooth}*,*:before,*:after{box-sizing:inherit}body{padding:0;margin:0;font-family:var(--font-family)}body>.wrapper{display:grid;grid-template-areas:"sidebar main" "sidebar  footer";grid-template-columns:var(--var-sidebar-width) 1fr;grid-template-rows:minmax(100svh,1fr) max-content;transition:grid-template-columns .5s}