body {
	padding: 32px;
	font-size: 1.5rem;
	line-height: 1.6;
	margin: 0;
	background-color: antiquewhite;
	font-family: Arial, Helvetica, sans-serif;
}

.baloon {
	position: relative;
	background-color: rgb(255, 255, 255);
	border-radius: 128px;
	min-height: 150px;
	display: inline-block;
	padding: 32px;
	max-width: 80ch;
}

.baloon + .baloon {
	margin-top: 32px;
}

.baloon:last-of-type {
	margin-bottom: 75vh;
}

.mugshoot {
	position: absolute;
	width: 150px;
	height: 150px;
	object-fit: cover;
	border-radius: 75px;
	background-color: lightsalmon;
}

.character {
	margin: 0;
	margin-left: 182px;
	display: block;
}

.text {
	margin: 0;
	margin-left: 182px;
}

@-webkit-keyframes rotating /* Safari and Chrome */ {
	from {
		-webkit-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	to {
		-webkit-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@keyframes rotating {
	from {
		-ms-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	to {
		-ms-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-webkit-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
.roll {
	-webkit-animation: rotating 2s linear infinite;
	-moz-animation: rotating 2s linear infinite;
	-ms-animation: rotating 2s linear infinite;
	-o-animation: rotating 2s linear infinite;
	animation: rotating 2s linear infinite;
	/* background-color: springgreen; */
	position: sticky;
	top: 32px;
}
