/* Always first (just in case) */
@import url(styles/palette.css);

/* Sort these */
@import url(styles/category.css);
@import url(styles/nav.css);
@import url(styles/picker.css);
@import url(styles/role.css);

* {
  box-sizing: border-box;
}

body {
  margin: 1rem;
  padding: 0;
  font-family: "Atkinson Hyperlegible", sans-serif;
  background-color: var(--taupe100);
  color: var(--taupe600);
  max-width: 960px;
  width: 100vw;
}

main {
  padding: 4rem 1rem 1rem 1rem;
  background-color: var(--taupe300);
  box-shadow: 0 0 10px #00000044;
}