.about .team a,
.archiveLink,
#experiments .infos,
.thumb-title,
.thumb-author {
  transition:
    color 160ms ease-out,
    opacity 160ms ease-out,
    text-shadow 160ms ease-out;
}

.menu a:not(.logo):hover,
.menu a:not(.logo):focus-visible,
.about .team a:hover,
.about .team a:focus-visible,
.archiveLink:hover,
.archiveLink:focus-visible,
.folooow .links a:hover,
.folooow .links a:focus-visible,
#experiments .infos:hover,
#experiments .infos:focus-visible,
.thumb-title.is-hack-hover,
.thumb-author.is-hack-hover {
  color: #fff;
  opacity: 1;
  text-shadow:
    -1px 0 rgba(255, 79, 58, 0.72),
    1px 0 rgba(255, 194, 71, 0.72),
    0 0 9px rgba(255, 255, 255, 0.48);
}

.is-hacking {
  animation: xmasxp-hack-flicker 90ms steps(2, end) infinite;
}

@keyframes xmasxp-hack-flicker {
  0% {
    text-shadow:
      -2px 0 rgba(255, 79, 58, 0.78),
      1px 0 rgba(255, 194, 71, 0.62),
      0 0 7px rgba(255, 255, 255, 0.4);
  }

  50% {
    text-shadow:
      1px 0 rgba(255, 79, 58, 0.62),
      -2px 0 rgba(255, 194, 71, 0.78),
      0 0 11px rgba(255, 255, 255, 0.56);
  }
}

@media (prefers-reduced-motion: reduce) {
  .is-hacking {
    animation: none;
  }
}
