@import url('https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;500&display=swap');

    pre {
      font-family: 'Fira Code', 'Courier New', monospace;
      white-space: pre-wrap;
      overflow-x: auto;
    }

    .copied-message {
      animation: fadeInOut 2s ease-in-out;
    }

    @keyframes fadeInOut {
      0% { opacity: 0; transform: translateY(-10px); }
      10% { opacity: 1; transform: translateY(0); }
      90% { opacity: 1; transform: translateY(0); }
      100% { opacity: 0; transform: translateY(-10px); }
    }

    .fade-in {
      animation: fadeInUp 0.7s ease-out both;
    }

    @keyframes fadeInUp {
      0% { opacity: 0; transform: translateY(20px); }
      100% { opacity: 1; transform: translateY(0); }
    }