JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<html lang="ru">
<head>
	<title>Герберт Шилдт - официальный сайт</title>
	<style type="text/css">
	html, body {
		height: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
		font-family: century gothic;
	}
	h1 {
		color: #16A085;
	}
  h2 {
		color: #D7BDE2;
    text-decoration:overline;
	}
  h4 {
		color: #ABB2B9;
    text-decoration:blink;
	}
	</style>
</head>
<body>
	<h1>hinobi hina</h1>
	<h2>Официальный сайт</h2>
  <h4>уволилась я..</h4>
</body>
</html>