/* Animation keyframes and effects */

@keyframes blink {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.4; }
}

@keyframes border-dance {
  0% {
    background-position: 
      0px 0px,
      0px 100%,
      0px 0px,
      100% 0px;
  }
  100% {
    background-position: 
      12px 0px,
      -12px 100%,
      0px -12px,
      100% 12px;
  }
}

.blink-animation {
  animation: 
    blink 2s infinite ease-in-out,
    border-dance 1s infinite linear;
}