kara/app.css

body {
	margin: 15px;
	padding: 0;
}

#kara {
	margin: 0;
	padding: 0;
	width: auto;
	color: white;
}

.message {
	color: black;
	padding: 10px;
	margin-bottom: 5px;
	min-width: 55%;
	max-width: 80%;
}

.ai-message {
	border-radius: 0px 15px 15px 15px;
	background-color: lightgreen;
}

.user-message {
	border-radius: 15px 0px 15px 15px;
	background-color: lightblue;
}

#chat-box {
	margin-top: 4em;
	overflow-y: scroll;
	height: 65vh;
	padding-bottom: 2em;
}

#chatbox-wrapper {
	position: fixed;
	padding: 1em;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: #515960;
}

#kara-banner {
	position: fixed;
	height: 2.5em;
	top: 0;
	left: 0;
	right: 0;
	text-align: center;
	padding: 0.7em;
	background-color: #515960;
}

#kara-banner .btn, .add-response-input-button {
	margin-top: -0.3em;
}

.response-input {
	margin-bottom: 3px;
}