:root {
    --bg: #202045;
    --accent: navy;
    --hl: white;
}

body {
    background-color: var(--bg);
    color: var(--spancy);
}

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

a:hover {
    color: var(--hl);
}

.eskcard { /*These are for the little esk information cards that I want to have link to individual pages.*/
  background-color: lightgray;
  padding: 5px;
  margin-top: 10px;
  color: black;
  /*when you change up storage later, you're gonna want to set a specific width here. maybe it could be a percentage?*/
}