:root {
  --yellow: #f3dd93;
  --yellow-50: #f3dd9382;
  --orange: #ff9d62;
  --orange-25: #ff9e6242;
  --pink: #f999ba;
  --green: #b3d084;
  --blue: #7ac2eb;
  --purple: #d6beea;
  --purple-med: #a061d3;
  --orange-med: #cc5200;
  --pink-med: #d62261;
  --green-med: #466e17;
  --blue-med: #1a75ab;
  --text-yo: #2c2543;
  --text-gp: #1b3b32;
  --text-by: #4a2834;
  --background: #fffdf6;
  --bgblue: #f4f7f6;
}
.links {
  font-family: "VT";
  font-size: larger;
}
.palette {
  font-family: "VT";
  padding: 3px;
  color: var(--blue);
}
.palette th {
  text-shadow: 1px 1px var(--purple);
}
.palette td {
  color: white;
}
.resources {
  font-family: "VT";
  font-size: larger;
  vertical-align: middle;
}
.resources th {
  background-color: var(--orange-25);
  padding: 0px 5px 0px 5px;
  width: 250px;
  color: var(--blue);
  text-shadow: 2px 2px var(--green);
  -webkit-text-stroke: #6d96afb4 1px;
}
.resources td {
  background-color: var(--purple);
  padding: 2px 5px 2px 7px;
  text-align: center;
  vertical-align: middle;
  width: 15px;
}
header {
  -webkit-text-stroke: var(--blue) 2px;
}
h2 {
  color: var(--purple);
  font-family: "VT";
  margin-top: 5px;
  text-shadow: 1px 1px 1px var(--purple-med);
  letter-spacing: 2px;
}
.links {
  text-align: center;
}
.links a {
  color: var(--blue);
}
.links a:visited {
  color: var(--purple-med);
}