/* -----------------------------------------
 * Jump target highlight
 * ----------------------------------------- */

.anchor-jump-highlight {
  border-radius: 6px;
  animation: anchor-jump-highlight 2s ease-out;
}

@keyframes anchor-jump-highlight {
  0% {
    background-color: rgba(255, 210, 60, 0.4);
    box-shadow: 0 0 0 5px rgba(255, 210, 60, 0.12);
  }

  60% {
    background-color: rgba(255, 210, 60, 0.15);
    box-shadow: 0 0 0 3px rgba(255, 210, 60, 0.05);
  }

  100% {
    background-color: transparent;
    box-shadow: none;
  }
}
html {
  scroll-padding-top: 75px;
}

[id] {
  scroll-margin-top: 75px;
}