/* Card container */
#CONTAINER.message{
	flex-direction: column;
	justify-content: flex-start;
	flex-wrap: nowrap;

}

	#CONTAINER.message div{ /* Message item */
		display: inline-block;
		position: relative;
			top: 0;
			left: 0;
			height: auto;

		margin: 1em;
		padding: 1em;

		flex: 1 1 1;
		align-self: flex-start;

		border-radius: 3px;

		background-color: #fff;

		color: #222;
	}

	#CONTAINER.message div.me{ /* Message Item (self) */
		background: #13d89d;
		align-self: flex-end;
	}

		#CONTAINER.message div span.author{ /* Message author */
			display: inline-block;
			position: relative;

			padding: .2em .4em;
			margin-right: 1em;

			border: 1px solid #ddd;

			border-radius: 3px;

			background: #eee;

			color: #666;
		}

		#CONTAINER.message div span.author:after{ /* Add 'dit' */
			content: ' dit';

			color: #333;
		}

		#CONTAINER.message div.me span.author{ /* Hide message author if self */
			display: none;
		}