body {
  font-family: Arial, Helvetica, sans-serif;
  line-height: 1.3em;
}
h1, h2, h3, h4, h5, h6 {
  line-height: 1.3em;
}
a:link {
  color: blue;
}
a:visited {
  color: blue;
}
input[type="submit"],
input[type="button"],
input[type="reset"] {
  margin: 2px 4px;
}
.tr-row {
  background: #eee;
}
.tr-head {
  background: #ddd;
}
.tr-dns-head {
  background: #e0e0e0;
}
.tr-dns-row {
  background: #f0f0f0;
}
.tr-dns-form {
  background: #e8f8f8;
}
.link-button {
  background: none;
  border: none;
  color: blue;
  text-decoration: underline;
  cursor: pointer;
  font-weight: bold;
  font-size: xx-large;
  font-family: Arial, Helvetica, sans-serif;
  margin: 0px;
  padding: 0px;
}
.link-like {
  text-decoration: underline;
  cursor: pointer;
  color: blue;
}

@media (prefers-color-scheme: dark) {
  body {
    background-color: #1a1a1a;
    color: #e0e0e0;
  }
  a:link,
  a:visited {
    color: #6ab0f5;
  }
  input[type="text"],
  input[type="password"],
  input[type="email"],
  input[type="number"],
  select,
  textarea {
    background-color: #2a2a2a;
    color: #e0e0e0;
    border: 1px solid #555;
  }
  input[type="submit"]:not(.link-button),
  input[type="button"]:not(.link-button),
  input[type="reset"]:not(.link-button) {
    background-color: #4a4a4a;
    color: #e0e0e0;
    border: 1px solid #666;
  }
.tr-row {
    background: #2a2a2a;
  }
  .tr-head {
    background: #333;
  }
  .tr-dns-head {
    background: #2e2e2e;
  }
  .tr-dns-row {
    background: #252525;
  }
  .tr-dns-form {
    background: #1a2e2e;
  }
  .link-button {
    color: #6ab0f5;
  }
  .link-like {
    color: #6ab0f5;
  }
}