@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');

body {
    font-family: 'Inter', sans-serif;
}

/* Animation for the send button */
#sendBtn {
    transition: all 0.3s ease;
    transform: scale(1);
}

#sendBtn:hover {
    transform: scale(1.05);
}

/* Fade in animation for success message */
@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}
#successMessage {
    animation: fadeIn 0.5s ease;
}
/* Quiz and generate buttons styling */
#generateQuestionsBtn {
    transition: all 0.3s ease;
}

#generateQuestionsBtn:hover {
    transform: translateY(-2px);
}

/* Quiz styling */
#quizContainer .question-input,
#quizContainer .option-input,
#quizContainer .correct-input {
    border: 1px solid #d1d5db;
    border-radius: 0.375rem;
    width: 100%;
    padding: 0.5rem;
}

#quizContainer .correct-input {
    max-width: 60px;
}

#codeOutput {
    font-family: 'Courier New', Courier, monospace;
    font-size: 0.875rem;
    line-height: 1.5;
}