body {
  max-width: 64em;
  margin: auto;
  font-family: sans-serif;
}

header {
  border-bottom: solid 1px #111;
}

.anomaly-id {
  font-family: monospace;
}

table {
  width: 100%;
}

thead {
  background-color: #a2a2a2;
  color: #eee;
  border-bottom: solid 1px #111;
}

footer {
  border-top: solid 1px #111;
  text-align: center;
  font-size: small;
  color: #777777;
}

code {
  font-family: monospace;
  background-color: #bbbbbb;
  border-radius: 3px;
  padding: 2px 4px;
}

tr {
  border-bottom: solid 1px #111;
}

td.needs-scanning {
  text-align: center;
}

tr:nth-child(even) {
  background-color: #bbbbbb;
}

textarea {
  width: 100%;
  font-family: monospace;
}

div#user {
  float: right;
  display: flex;
  align-items: center;
}
div#user p#username {
  padding-left: 0.5em;
}

@media (prefers-color-scheme: dark) {
  body {
    background-color: #111;
    color: #eee;
  }
  thead {
    background-color: #5e5e5e;
    color: #eee;
  }
  tr:nth-child(even) {
    background-color: #444444;
  }
  code {
    background-color: #444444;
  }
  textarea {
    background-color: #444444;
    color: #eee;
  }
  header {
    border-bottom-color: #eee;
  }
  footer {
    border-top-color: #eee;
  }
}