#playfield {
	display: flex;
	gap: 1rem;
	width: 100%;
	/* height: 100dvh; */
	/* height: 100vh; */
	justify-content: center;
	align-items: center;
}

#playfield h3 {
	-webkit-text-stroke-color: black;
	-webkit-text-stroke-width: 1px;
	/* text-shadow: rgb(255, 255, 255) 1px 1px 0px; */
	font-size: 2rem;
	font-weight: bold;
}

#messageWrap {
	background-color: white;
	border-radius: 4px;
	padding: 1rem;
	max-width: 30ch;
  font-size: 1.5rem;
}

svg {
	display: block;
	width: 100%;
	height: auto;
}

#emojis-wrap {
  max-height: 50rem;
}

#emojiA,
#emojiB {
	display: flex;
	flex-direction: column;
	justify-content: center;

	& h3 {
		width: fit-content;
		margin-inline: auto;
	}
}