html,
body {
	background-color: #eee;
	font-family: "Open Sans";
}

a {
	color: inherit;
}

.input-container {
	bottom: 0;
	position: fixed;
	width: 100%;
}

input {
	border: none;
	border-radius: 0.25rem;
	display: none;
	margin: 0 auto 3rem;
	padding: 0.75rem 1rem;
	transition: all 0.3s ease;
	width: 30rem;
}

input:focus {
	outline: none;
}

.conversation {
	margin: 5rem auto 10rem;
	width: 50rem;
	transition: opacity 0.3s;
}

.conversation-piece {
	color: #566473;
	opacity: 0;
	padding: 1rem 1.5rem;
	transition: opacity 0.3s;
}

.conversation-piece.self {
	border-left: 0.25rem solid #566473;
}

.conversation-piece.fuchsia {
	border-right: 0.25rem solid #566473;
	text-align: right;
}

div.conversation-piece {
	background-color: #d2d5d8;
}

html,
body {
	font-family: "Open Sans";
}

a {
	color: inherit;
}

.input-container {
	bottom: 0;
	position: fixed;
	width: 100%;
}

input {
	border: none;
	border-radius: 0.25rem;
	display: none;
	margin: 0 auto 3rem;
	padding: 0.75rem 1rem;
	transition: all 0.3s ease;
	width: 30rem;
}

input:focus {
	outline: none;
}

.conversation {
	margin: 5rem auto 10rem;
	width: 50rem;
	transition: opacity 0.3s;
}

.conversation-piece {
	color: #566473;
	opacity: 0;
	padding: 1rem 1.5rem;
	transition: opacity 0.3s;
}

.conversation-piece.self {
	border-left: 0.25rem solid #566473;
}

.conversation-piece.fuchsia {
	border-right: 0.25rem solid #566473;
	text-align: right;
}

div.conversation-piece {
	background-color: #e2e2e4;
}

Revert to older colour scheme
Revert to older colour scheme
