body {
      font-family: 'Orbitron', sans-serif;
      background: linear-gradient(-45deg, #ff9800, #4caf50, #2196f3, #e91e63, #000000, #9e9e9e);
      background-size: 1200% 1200%;
      animation: gradientBG 30s ease infinite;
    }

    @keyframes gradientBG {
      0% {
        background-position: 0% 50%;
      }
      25% {
        background-position: 50% 50%;
      }
      50% {
        background-position: 100% 50%;
      }
      75% {
        background-position: 50% 50%;
      }
      100% {
        background-position: 0% 50%;
      }
    }

    .glow-text {
      text-shadow: 0 0 10px #a855f7, 0 0 20px #9333ea, 0 0 30px #6b21a8;
    }

    .pulse {
      animation: pulseAnim 2s infinite;
    }

    @keyframes pulseAnim {
      0%, 100% {
        transform: scale(1);
        opacity: 1;
      }
      50% {
        transform: scale(1.05);
        opacity: 0.9;
      }
    }
  
#btn:hover {
      box-shadow: 0 0 20px 5px rgba(168, 85, 247, 0.6);
      cursor: pointer;
    }
    
    
    
    
    
    .fade-in {
      animation: fadeIn 0.5s ease forwards;
    }
    .fade-out {
      animation: fadeOut 0.5s ease forwards;
    }
    @keyframes fadeIn {
      0% {
        opacity: 0; transform: scale(0.95);
      }
      100% {
        opacity: 1; transform: scale(1);
      }
    }
    @keyframes fadeOut {
      0% {
        opacity: 1; transform: scale(1);
      }
      100% {
        opacity: 0; transform: scale(0.95);
      }
    }