::placeholder {
  font-style: italic;
  color: var(--ctp-subtext1);
}

body {
  background: var(--ctp-base);
  color: var(--ctp-text);

  font-family: "Terminess Nerd Font Mono";
  font-size: 16px;

  padding: 2rem 4rem;
}

a {
  color: var(--ctp-mauve);
  text-decoration: none;
}

a:hover {
  text-shadow: 0 0 5px var(--ctp-mauve);
}

th,
td {
  text-align: left;
}

small {
  font-size: 12.5px;
}

fieldset,
button,
input,
hr {
  border: 1px solid var(--ctp-text);
}

hr {
  border-top: none;
  border-left: none;
  border-right: none;
}

legend {
  margin: 0 auto;
}

input,
button {
  font-family: "Terminess Nerd Font Mono";
  color: var(--ctp-text);
  background: var(--ctp-mantle);
  border-color: var(--ctp-surface0);
}

input:hover,
button:hover {
  color: var(--ctp-text);
  background: var(--ctp-crust);
  border-color: var(--ctp-surface0);
}

input:active,
button:active {
  color: var(--ctp-text);
  background: var(--ctp-base);
  border-color: var(--ctp-surface0);
}

ul {
  list-style: none;
  padding: 0;
  margin: 0;
}