JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<html>
<head>
	<title>Денис Давыдов - официальный сайт</title>
	<style type="text/css">
		html, body {
			height: 100%;
		}
		* {
			font-family: Arial;
		}
		h1 {
			color: blue;
		}
		h2{
		  color: red;
		}
    #layout {
			height: 100%;
			display: flex;
			justify-content: center;
			align-items: center;
		}
		#layout > div {
			text-align: center;
		}
	</style>
</head>
<body>
	<div id="layout">
		<div>
			<h1>Денис Давыдов</h1>
			<h2>Официальный сайт</h2>
		</div>
	</div>
</body>
</html>