/* art.css: Art and animation definitions */
pre.art {
    /* This just keeps the ASCII art a little tighter than other UI elements */
    margin: 0;
    line-height: 1;
    color: var(--fg);
}

/* Makes CRT text glow */
@keyframes crtPulse {
    0%,
    100% {
        text-shadow:
            0 0 2px rgba(255, 160, 0, 0.85),
            0 0 5px rgba(255, 160, 0, 0.65),
            0 0 10px rgba(255, 140, 0, 0.45),
            0 0 20px rgba(255, 120, 0, 0.25);
    }
    50% {
        text-shadow:
            0 0 2px rgba(255, 170, 0, 0.95),
            0 0 6px rgba(255, 170, 0, 0.75),
            0 0 12px rgba(255, 150, 0, 0.55),
            0 0 25px rgba(255, 130, 0, 0.35);
    }
}

/* Generates scanlines */
/* Generates scanlines */
.scanlines {
    position: relative;
    isolation: isolate;
}

.scanlines::after {
  content: "";
  position: fixed;
  inset: 0;
  background: repeating-linear-gradient(
    to bottom,
    rgba(255,176,0,0.075) 1px,
    rgba(255,176,0,0.075) 1px,
    transparent 3px,
    transparent 4px
  );
  mix-blend-mode: overlay;
  pointer-events: none;
  z-index: 255;
}