body {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

.header-img {
  display: block;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

::marker {
  color: #444444
}


.button-a {
  color: #000
}

.button-a:hover {
  color: #007bff;
  transition: .07s;
}


.underline-animate {
  background: linear-gradient(currentColor 0 0) bottom left/ var(--underline-width, 0%) 0.1em no-repeat;
  color: #f80;
  display: inline-block;
  padding: 0 .5em 0.2em;
  text-decoration: none;
  transition: background-size 0.5s;
}

.underline-animate:hover {
  --underline-width: 100%;
}

.uk-accordion>.uk-open>.uk-accordion-title::before {

  background-image: url(/static/icons/chevron_up.svg);
}

.uk-accordion>li>.uk-accordion-title::before {

  background-image: url(/static/icons/chevron_down.svg);
}


.external-link:after {
  content: url(/static/icons/external_link.svg);
  vertical-align: middle;
}

.download-link:after {
  content: url(/static/icons/download_link.svg);
  vertical-align: middle;
}

.uk-accordion .uk-accordion-title>* {
  background: linear-gradient(currentColor 0 0) bottom left/ var(--underline-width, 0%) 0.1em no-repeat;
  color: #f80;
  display: inline-block;
  padding: 0 .5em 0.2em;
  text-decoration: none;
  transition: background-size 0.5s;
}

.uk-accordion .uk-accordion-title>*:hover {
  --underline-width: 100%;
}

.uk-accordion .uk-open .uk-accordion-title>* {
  --underline-width: 100%;
}



.header-link:hover {
  opacity: 0.8 !important;
  transition: opacity 0.2s;

}