dl {
  margin-left: 5px;
  max-width: 500px;
}

dt {
  color: #F6F3EE;
  font-size: clamp(
    1.063rem,
    0.889rem + 0.556vw,
    1.375rem
  );
  font-weight: 600;
  padding: 0.75rem 1.5rem 0.75rem;
  background: #A0C16D;
}

dt:focus {
  background: #83A348;
  border-width: 0px;
  transition: all 0.3s ease-in-out;
  font-weight: 600;
}

dt:hover {
  background: #83A348;
  color: #F6F3EE;
}

dt:hover a {
  background: #83A348;
  color: #F6F3EE;
}

dt a {
  text-decoration: none;
  font-weight: bold;
  color: #F6F3EE;
}

dd {
  margin-left: 5px;
  padding-bottom: 20px;
  padding-left: 16px;
}

@media (max-width: 800px) {
  dl {
    margin-left: 5px;
    max-width: 500px;
    width: 97%;
  }
}

/*# sourceMappingURL=link-list.css.map */