JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<html>
<head>
	<title>Олеся Пшеничная - оф.сайт</title>
	<style type="text/css">
	html {
		height: 100%;
	}	
	body {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		height: 100%;
	}	
	h1, h2 {
		font-family: Arial;
	}
	h1 {
	     color: #de0f0f;
	}
	h2 {
		color: #7bd010;
	}	
</style type="text/css"></style>
</head>
<body>
    <h1>Олеся Пшеничная</h1>
    <h2>спецалист широкого профиля</h2>
    
</body>
</html>