36699-vm/static/css/custom.css
Flatlogic Bot 604db7d8ee AI Chatbot
2025-12-06 06:38:51 +00:00

73 lines
1.2 KiB
CSS

:root {
--primary-color: #4F46E5;
--secondary-color: #10B981;
--accent-color: #F59E0B;
--neutral-background: #F3F4F6;
--text-color: #111827;
}
body {
font-family: 'Inter', sans-serif;
background-color: var(--neutral-background);
color: var(--text-color);
}
h1, h2, h3, h4, h5, h6 {
font-family: 'Poppins', sans-serif;
}
.hero {
background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));
color: white;
padding: 100px 0;
text-align: center;
}
.chat-widget {
max-width: 800px;
margin: 50px auto;
border: 1px solid #ddd;
border-radius: 10px;
overflow: hidden;
background-color: white;
}
.chat-history {
height: 400px;
overflow-y: auto;
padding: 20px;
}
.chat-message {
margin-bottom: 20px;
}
.user-message {
text-align: right;
}
.bot-message {
text-align: left;
}
.message-bubble {
display: inline-block;
padding: 10px 15px;
border-radius: 20px;
max-width: 70%;
}
.user-message .message-bubble {
background-color: var(--primary-color);
color: white;
}
.bot-message .message-bubble {
background-color: #E5E7EB;
color: var(--text-color);
}
.chat-input {
border-top: 1px solid #ddd;
padding: 20px;
}