/* keep in line with base css file */
html {
  background-color: #e9ecef;
  color: #343a40;
}
@media (prefers-color-scheme: dark) {
  html {
    background-color: #343a40;
    color: #e9ecef;
  }
}
body {
  margin: auto;
  height: calc(100vh);
  max-width: 1000px;
  overflow: hidden;
  display: flex !important;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
input {
  background-color: #e9ecef;
  color: #343a40;
  border: 2px solid #6c757d;
  padding: 4px;
  border-radius: 4px;
}
@media (prefers-color-scheme: dark) {
  input {
    background-color: #212529;
    color: #dee2e6;
    border: 2px solid #ced4da;
  }
}
button {
  background-color: #e9ecef;
  color: #343a40;
  border: 2px solid #6c757d;
  padding: 4px;
  border-radius: 4px;
}
@media (prefers-color-scheme: dark) {
  button {
    background-color: #212529;
    color: #dee2e6;
    border: 2px solid #ced4da;
  }
}
a {
  color: #00303D;
}
@media (prefers-color-scheme: dark) {
  a {
    color: #8fb9c0;
  }
}
table {
  border: 2px solid #ced4da;
  border-collapse: collapse;
}
td {
  border: 1px solid #ced4da;
}
@media (prefers-color-scheme: dark) {
  table {
    border: 2px solid #6c757d;
  }
  td {
    border: 1px solid #6c757d;
  }
}