{{/*
    010_anchors.css
    Eryn Wells <eryn@erynwells.me>
*/}}





/**********
 # ANCHORS 
 **********/

a {
  --hover-animating-timing: 0.1s;

  color: var(--blue);
  text-decoration: none;
  transition: color var(--hover-animating-timing);

  &:hover {
    color: var(--blue);
    text-decoration: underline;
    transition: color var(--hover-animating-timing);
  }

  &:visited {
    color: var(--blue);
  }
}

@media (prefers-reduce-motion: reduce) {
  a {
    text-decoration: underline;
  }
}