|
@charset "UTF-8"; |
|
|
|
body { |
|
background-color: #4d4d4d; |
|
font-family: Arial, sans-serif; |
|
color: #dadada; |
|
margin: 0; |
|
padding: 0; |
|
} |
|
|
|
a { |
|
color: #dadada; |
|
text-decoration: none; |
|
} |
|
|
|
a:hover { |
|
color: #339900; |
|
text-decoration: underline; |
|
} |
|
|
|
main { |
|
max-width: 1200px; |
|
margin: 0 auto; |
|
background-color: #333333; |
|
border: solid; |
|
border-width: 1px; |
|
padding-left: 1rem; |
|
padding-right: 1rem; |
|
} |
|
|
|
header { |
|
text-align: center; |
|
background-color: #4d4d4d; |
|
padding-bottom: .2rem; |
|
} |
|
|
|
.chatbot-container { |
|
background-color: #1a1a1a; |
|
max-width: 900px; |
|
margin: 0 auto; |
|
padding: 10px; |
|
border: 1px solid #ccc; |
|
border-radius: 10px; |
|
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); |
|
} |
|
|
|
.chat-header { |
|
text-align: center; |
|
margin-bottom: 20px; |
|
} |
|
|
|
.chat-messages { |
|
height: 200px; |
|
overflow-y: scroll; |
|
margin-bottom: 20px; |
|
} |
|
|
|
.chat-messages p { |
|
background-color: #000000; |
|
padding: 10px; |
|
border-radius: 10px; |
|
display: inline-block; |
|
max-width: 80%; |
|
margin-bottom: 10px; |
|
} |
|
|
|
.user-message { |
|
text-align: right; |
|
} |
|
|
|
.bot-message { |
|
text-align: left; |
|
} |
|
|
|
.chat-input { |
|
display: flex; |
|
justify-content: center; |
|
} |
|
|
|
.chat-input input { |
|
flex-grow: 1; |
|
padding: 10px; |
|
border: 1px solid #ccc; |
|
border-radius: 5px; |
|
} |
|
|
|
.chat-input button { |
|
background-color: #4CAF50; |
|
color: #fff; |
|
border: none; |
|
padding: 10px; |
|
border-radius: 5px; |
|
cursor: pointer; |
|
margin-left: 10px; |
|
} |
|
|
|
.chat-input button:hover { |
|
background-color: #3e8e41; |
|
} |
|
|
|
footer { |
|
text-align:center; |
|
background-color: #272727; |
|
} |