/*
   From https://www.aleksandrhovhannisyan.com/blog/fluid-type-scale-with-css-clamp/
   Generates the css clamp function.
   Focused on font-size, but may be used for margins and padding

   Usage:
      clamped(min-size-px, max-size-px, min-browser-width-px, max-browser-width-px)
      font-size: clamped(26px, 36px, 600px, 1200px);
      font-size: clamped(26px, 36px);      //using width default values

*/
/* convenience mixin for bottom-only spacing */
dl {
  margin-left: 5px;
  max-width: 500px;
}

dt {
  color: #F6F3EE;
  font-size: clamp(1.06rem, 0.56vw + 0.89rem, 1.38rem);
  font-weight: 600;
  padding: 12px 24px 12px;
  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 */