custom.css

/* Custom CSS for the AI Chatbot */

.header-row {
    margin-bottom: 20px;
}

.footer-row {
    margin-top: 30px;
}

.gradio-container {
    max-width: 1200px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Styling for chat messages */
.chat-bot .user-message {
    background-color: #e3f2fd !important;
    border-radius: 15px !important;
    padding: 10px 15px !important;
}

.chat-bot .bot-message {
    background-color: #f1f8e9 !important;
    border-radius: 15px !important;
    padding: 10px 15px !important;
}

/* Button styling */
button {
    transition: all 0.3s ease !important;
}

button:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1) !important;
}