*{margin:0;padding:0}:root{--clr-primary: #ffc552;--clr-primary-dark: #1a1a20;--clr-primary-dark-200: #1a2321;--clr-primary-dark-200: #222228;--clr-danger: #d95d39}#app{color:#fdf9ec;color:#e6d8bb;font-family:Open Sans;background:var(--clr-primary-dark);display:grid;height:100vh;grid-template-rows:1fr auto}#app>nav{display:flex;justify-content:space-evenly;position:sticky;bottom:0}#app>nav a{padding:2rem;text-underline-offset:.5rem}#app>nav :not(.router-link-active){text-decoration:none}h1{font-family:Signika}a{color:inherit}.danger{color:var(--clr-danger)}.scroll-shelf{overflow:hidden;border-radius:2rem;padding:1rem}.scroll-shelf>:first-child{overflow:auto;height:100%}.scroll-shelf>table{display:inline-block}