.chat
{
	width: 20rem;
}

.chat content
{
	display: grid;
	grid-row-gap: 0.5rem;
	grid-template-columns: auto;
	margin-bottom: 1rem;
}

.chat content section
{
	padding: 0.5rem 1rem;
	display: inline-block;
}

.chat content section.authorSelf
{
	justify-self: start;
	border-top-right-radius: 1rem;
	border-bottom-right-radius: 1rem;
	background-color: #66a3d2;
}

.chat content section:not(.authorSelf)
{
	justify-self: end;
	border-top-left-radius: 1rem;
	border-bottom-left-radius: 1rem;
	background-color: #ffc373;
}

.chat content section .time, .chat content section .author
{
	display: none;
}