:root {
  font-family: sans-serif;
  font-size: 16px;
  line-height: 1.5;
}

body {
  /* margin: 1rem; */
  /* margin: 0; */
  align-items: center;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: center;
  /* padding: 1rem; */
  margin: 1rem;
}

body > * {
  max-width: 1060px;
  width: 100%;
}

/* #app {
  padding: 1rem;
  box-sizing: border-box;
  max-width: 1060px;
} */

@media (prefers-color-scheme: dark) {
  :root {
    color: rgb(232, 230, 227);
  }

  body {
    background: rgb(22, 25, 26);
  }

  fieldset {
    border-color: rgb(142, 142, 142);
  }
}

h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 0.5rem;
  font-weight: 600;
  line-height: 1.2;
}

summary > h1,
summary > h2,
summary > h3,
summary > h4,
summary > h5,
summary > h6 {
  display: inline-block;
  display: initial;
  display: inline;
  display: contents;
  margin-bottom: 1em;
}

p {
  margin-bottom: 1.5em;
}

fieldset {
  line-height: 1.75;
  margin-bottom: 0.5rem;
}

summary:hover {
  cursor: pointer;
}

th td {
  text-align: center;
}

td {
  padding: 0.25em;
}

/* table {
  border-width: thin;
  border-style: outset;
}

table > * > tr > td,
table > * > tr > th,
table > * > td,
table > * > th,
table > td,
table > th
{
  border-width: thin;
  border-style: inset;
} */