JSFiddle - React, Tailwind, and code Playground

HTML

<main>

<h1>
    P<strong>AI</strong>rates Adventures
</h1>
<p>
   Ideal for a Pirate adventure game, especially if there is an oriental influence on the game design!
</p>

<audio controls autostart="false">
  <source src="https://inhu.co/demos/2021-10-10-ai-music/pirates.mp3" type="audio/mpeg">
  <p>Your browser doesn't support HTML5 audio. Here is
     a <a href="https://inhu.co/demos/2021-10-10-ai-music/pirates.mp3">link to the audio</a> instead.</p>
</audio>
</main>

CSS

main{
	margin: 0 auto;
	margin-top: 30vh;
	width: 300px;
	display: block;
	color: #fff;
	text-align: center;
	}
	
	h1{
		font-weight: normal;
	}
	strong{
		color: #aaa;
	}
body{
	background-color: #222;
}