@import url('https://fonts.googleapis.com/css2?family=Courier+Prime:ital,wght@0,400;0,700;1,400&family=VT323&display=swap');

body {
    background-color: #050505;
    color: #e0e0e0;
    overflow-x: hidden;
}

/* CRT Scanline Effect */
.scanlines {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(
        to bottom,
        rgba(255,255,255,0),
        rgba(255,255,255,0) 50%,
        rgba(0,0,0,0.2) 50%,
        rgba(0,0,0,0.2)
    );
    background-size: 100% 4px;
    pointer-events: none;
    z-index: 50;
}

/* CRT Flicker Animation overlay */
.crt-flicker {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(18, 16, 16, 0.05);
    opacity: 0;
    z-index: 49;
    pointer-events: none;
    animation: flicker 0.15s infinite;
}

/* Glow effect for text */
.text-glow {
    text-shadow: 0 0 4px currentColor;
}

/* Custom Scrollbar */
::-webkit-scrollbar {
    width: 10px;
}
::-webkit-scrollbar-track {
    background: #0a0a0a; 
    border-left: 1px solid #333;
}
::-webkit-scrollbar-thumb {
    background: #00f3ff; 
    border: 2px solid #0a0a0a;
}
::-webkit-scrollbar-thumb:hover {
    background: #ccff00; 
}

/* Glitch effect on hover for titles */
.glitch-hover:hover {
    animation: flicker 0.3s infinite;
    color: #ccff00;
    text-shadow: 2px 0 #ff00ff, -2px 0 #00f3ff;
}