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: green;
	}
	#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>