@import url('https://fonts.googleapis.com/css2?family=Atkinson+Hyperlegible+Next:ital,wght@0,200..800;1,200..800&display=swap');
@import url('https://www.nerdfonts.com/assets/css/webfont.css');

:root {
  --green: #daebe3;
  --yellow: #fffbde;
  --peach: #ffefdd;
  --purple: #a225b3;
  --orange: #eb7932;
  --darkgreen: #009342;
  --blue: #2d449b;
  font-size: 1.1rem;
}

body {
  background-color: var(--peach);
  font-family: Atkinson Hyperlegible Next;
}

.navbar {
  background-color: var(--yellow);
}

h1, h2, h3 {
  color: var(--purple);
}

.list-group-item {
  border: 3px solid var(--green);
}

.btn-primary {
  color: white;
  background-color: var(--blue);
  border-color: var(--blue);
}

.btn-primary:hover {
  background-color: var(--blue);
  filter: brightness(80%);
}

.btn-secondary {
  background-color: var(--orange);
  border-color: var(--orange);
}
.btn-secondary:hover {
    background-color: var(--orange);
    border-color: var(--orange);
    filter: brightness(80%);
}

.accordion-button:not(.collapsed) {
  background-color: var(--green);
}

.anchor-link {
  text-decoration: none;
  color: var(--orange);
  opacity: 0.2;
  transition: color .15s ease-in-out, opacity .15s ease-in-out;
}
.anchor-link::after {
    padding: 0 0.4rem;
    content: "#";
    position: absolute;
}
.anchor-link:hover {
  opacity: 1;
}