body {
            font-family: 'Noto', sans-serif;

        }
	
.glitch {
      animation: glitch 3s linear infinite;
    }
    @keyframes glitch {
      0%,100% { clip: rect(0,9999px,0,0); transform: translate(0); }
      10% { clip: rect(97px,9999px,32px,0); transform: translate(-5px, -2px); }
      20% { clip: rect(142px,9999px,83px,0); transform: translate(5px, 2px); }
      30% { clip: rect(12px,9999px,178px,0); transform: translate(-10px, 5px); }
      40% { clip: rect(56px,9999px,142px,0); transform: translate(10px, -5px); }
    }
    .neon-text {
      text-shadow: 
        0 0 10px #00f5ff,
        0 0 20px #00f5ff,
        0 0 40px #00f5ff,
        0 0 80px #00f5ff;
    }
    .scanline {
      position: absolute;
      top: 0; left: 0; right: 0;
      height: 4px;
      background: linear-gradient(to bottom, transparent, rgba(0,245,255,0.3));
      animation: scan 8s linear infinite;
    }
    @keyframes scan {
      0% { transform: translateY(-100%); }
      100% { transform: translateY(100vh); }
    }
    @font-face {
  font-family:Noto;
  src: url(fonts/NotoNastaliqUrdu-Regular.ttf) format('opentype');
}