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: sans-serif;
	}
	h1 {
		background: -webkit-linear-gradient(left, #ffa700, #ffeb00);
    padding: 5px;
    border-radius: 10px;
    color: #0085b1;
	}
  h2 {
		background: blue;
    padding: 5px;
    border-radius: 10px;
    color: #ffa700;
	}
	</style>
</head>
<body>
	<h1>Бакурский Александр</h1>
	<h2>Занимаюсь вёрсткой сайтов более 1 года</h2>
</body>
</html>