body {
  background-color: #f8f0e3;
  color: #4c4646;
  font-size: 1.2rem;
  margin: 0rem 0rem;
}

::selection {
  background-color: #ffb2ef;
}

table,
th,
td,
.tablebutton,
.tablebutton:hover {
  border-color: #4c4646;
}

table,
th,
td {
  font-size: 1.0rem;
  border: 3px solid;
  border-collapse: collapse;
}

table {
  box-shadow: 10px 10px 0 #4c4646;
}

.alignright {
  text-align: right;
}

a {
  color: black;
  height: 100%;
}

a:hover {
  color: unset;
}

.tablebutton {
  text-decoration: none;
}

.tablebutton:hover {
  background: #ffb2ef;
  cursor: pointer;
  text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6,
body,
code {
  font-family: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace;
  /* Modern alternative to feature settings */
  font-variant-ligatures: none;
  /* Improves rendering on WebKit browsers */
  font-smooth: always;
}

th,
td {
  padding: 0.5rem;
}

.centered {
  margin: auto;
  min-width: 300px;
  max-width: 600px;
  padding: 2rem 0.5rem;
}

#pgpInstructions {
  border: 0px;
  margin: 0rem;
  padding: 0rem;
  display: block;
}

@media (prefers-color-scheme: dark) {
  body {
    background-color: #000000;
    color: lightgray;
  }

  a {
    color: white;
  }

  table,
  th,
  td,
  .tablebutton,
  .tablebutton:hover {
    background: #000000;
    border-color: #ffffff;
  }

  table {
    box-shadow: 0 0;
  }

  .tablebutton:hover {
    background: white;
    color: black;
  }

  ::selection {
    background-color: lightgray;
    color: #34282c;
  }
}