@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Serif:ital,wght@0,100..900;1,100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+Mono:wght@100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Fira+Code:wght@300..700&display=swap");
body {
  font: 20pt "Noto Sans", sans-serif;
}
body table {
  width: 100%;
  text-align: center;
}
body table#characters tr th {
  text-decoration: underline;
}
body table#characters tr.character[data-sex^=m] {
  color: blue;
  background-color: rgb(191.25, 191.25, 255);
}
body table#characters tr.character[data-sex^=m] .name::after {
  content: "♂";
}
body table#characters tr.character[data-sex^=f] {
  color: red;
  background-color: rgb(255, 191.25, 191.25);
}
body table#characters tr.character[data-sex^=f] .name::after {
  content: "♀";
}
body table#characters tr.character:not([data-sex^=m]):not([data-sex^=f]) {
  color: green;
  background-color: rgb(191.25, 255, 191.25);
}
body table#characters tr.character:not([data-sex^=m]):not([data-sex^=f]) .name::after {
  content: "⚥";
}
body table#characters tr.character td {
  padding-left: 0.5em;
  padding-right: 0.5em;
  border-radius: 0.25em;
}
body table#characters tr.character td.names .name {
  font-weight: bold;
}
body table#characters tr.character td.names .pronunciation {
  font-family: "Noto Sans", sans-serif;
}
body table#characters tr.character td.names .pronunciation::before {
  content: "<";
}
body table#characters tr.character td.names .pronunciation::after {
  content: ">";
}
body table#characters tr.character td.extra {
  text-align: justify;
}