#back:hover{
  
  filter:brightness(140%);
}
    
    
      /*CRT EFFECT */
     
     .crt {
        position: relative;
        overflow: hidden;
    }

    .content {
        position: relative;
        z-index: 2;
        padding: 30px;
        font-size: 24px;
        line-height: 1.4;

        text-shadow:
            0 0 5px #771300,
            2px 0 rgba(255,0,0,0.3),
            -2px 0 rgba(0,150,255,0.3);

        animation: textFlicker 0.08s infinite;
    }

    /* Scanlines */
    .crt::before {
        content: "";
        position: absolute;
        inset: 0;
        z-index: 3;
        pointer-events: none;

        background:
            repeating-linear-gradient(
                to bottom,
                rgba(255,255,255,0.03) 0px,
                rgba(255,255,255,0.03) 1px,
                transparent 2px,
                transparent 4px
            );

        animation: scanMove 8s linear infinite;
    }

    /* Flicker + vignette */
    .crt::after {
        content: "";
        position: absolute;
        inset: 0;
        z-index: 4;
        pointer-events: none;

        background:
            radial-gradient(
                ellipse at center,
                transparent 50%,
                rgba(0,0,0,0.45) 100%
            );

        opacity: 0.9;
        animation: flicker 0.12s infinite;
    }

  

    @keyframes scanMove {
        from {
            background-position: 0 0;
        }
        to {
            background-position: 0 100px;
        }
    }

    .noise {
        position: absolute;
        inset: 0;
        opacity: 0.04;
        z-index: 1;
        background-image:
            url("https://grainy-gradients.vercel.app/noise.svg");

        animation: noiseMove 0.2s infinite;
    }

    @keyframes noiseMove {
        0% { transform: translate(0,0); }
        25% { transform: translate(1px,-1px); }
        50% { transform: translate(-1px,1px); }
        75% { transform: translate(1px,1px); }
        100% { transform: translate(0,0); }
    }