JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<html>
<head>
	<title>Евгений Чабан - официальный сайт</title>
	<style type="text/css">
  @import url('https://fonts.googleapis.com/css?family=Roboto&display=swap');
		html, body {
			height: 100%;
		}
		* {
			font-family: Roboto;
		}
		h2 {
			color: #8993ad;
		}
		#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>