body {
  margin: 0;
  padding: 0.5rem;

  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 0.375rem;

  font-family: 'Noto Sans', 'Roboto', 'Ubuntu', sans-serif;

  background: #111118;
  color: #eee;
}

#items-container {
  display: flex;
  flex-direction: column;
  align-items: start;
  row-gap: 0.25rem;

  margin: 0.25rem 0;
}

pre {
  max-width: 50rem;
  white-space: pre-wrap;
  word-wrap: break-word;
}

.log-warning {
  color: #d79f21;
}

.log-error {
  color: #d9214a;
}

input, select, button {
  background: #111118;
  color: #eee;
  outline: none;
  border: none;
  border-bottom: 1px solid #eee;
  font-size: 1rem;
}

input:hover, select:hover, button:hover {
  background: #444451;
}

button {
  border: 1px solid #eee;
  border-radius: 0.25rem;
  cursor: pointer;
}