testdoc4.html

<!-- The above, expanded foor readability -->

<div style='width: 100%; border: 2px ridge #0c0c23; display: flex; flex-direction: row;'>
	<div style='width: auto; background: linear-gradient(315deg, #1b1b30, #303075); border: 1px dotted #0c0c23; display: flex; flex-direction: row;'>
		<img src='https://files.catbox.moe/4m71t6.jpg' alt='x.x;' style='height: 125px; width: 125px; border-radius: 10px; margin-left: auto; margin-right: auto; margin-bottom: auto; text-align: center; object-fit: contain;'>
	</div>
	<div style='width: 100%; background: linear-gradient(225deg, #1b1b30, #303075); border: 1px solid #0c0c23; padding: 2px; display: flex; flex-direction: column;'>
		<p style='font-weight: bold; margin: 0;'>
			<span style='color:#9f4835;'>Ward Buttersworth</span> <span style=' font-style: italic; color: #eff;'>bas!</span>
		</p>
		<p style='margin: 0; color: #eff;'>
			<span style='color:#9f4835;'>"Hello! You are hearing me talk. I am saying words. I am saying words to you. I am saying words to you in a friendly manner. I am not yelling, I am not whispering, I am not singing, I am not asking, I am not exclaiming. I am saying words to you, and you are hearing them. And now I am done. Hi."</span>
		</p>
	</div>
</div>