* {
  box-sizing: border-box;
  transition: all 0.2s ease-in-out;
}

header {
  display: flex;
  font-size: 2.5rem;
  align-items: center;

  & .subtext {
    font-size: 1rem;
    margin-left: 0.5rem;
    color: hsl(39, 68.6%, 31.2%);
    & a:hover {
      color: hsl(39, 100%, 80%);
    }
  }
}

a {
  color: inherit;
  text-decoration: none;
}

ul {
  list-style: none;
  padding: 0;
  margin: 0;
  padding-left: 3rem;
  display: flex;
  flex-direction: column;
  font-size: 1.5rem;
}

li {
  & a {
    text-decoration: underline;
    text-decoration-color: transparent;
  }
  &:hover {
    color: hsl(39, 100%, 80%);
    & a {
      text-decoration-color: inherit;
    }
  }

  &::before {
    content: "▸";
    margin-right: 0.5rem;
  }
}