JSFiddle - React, Tailwind, and code Playground

HTML

<header class="mainHeader">

	<p>
		<a href="#">Добавить в избранное</a>  |
		<a href="#">Записаться на консультацию</a>  |
		<a href="#">Сообщить об ошибке</a>
	</p>

	<h1><a href="#">СИБИРЬ</a></h1><br />
	<h2>Центр социальной поддержки</h2>
	
</header>

CSS

header.mainHeader {
	background: #fff;
	border: 0px solid #fff;
	border-radius: 10px 10px 0 0;
	box-shadow: 7px 7px 7px rgba(0, 0, 0, 0.6);
	margin: 10px auto;
	opacity: 0.9;
	width: 1620px;
}

	header.mainHeader p {
		float: right;
		padding: 10px 10px;
	}

	header.mainHeader h1 a{
		border: 1px solid #000;
		font: bold 64px "Century Gothic";
		color: #1d1eeb;
		text-decoration: none;
		text-shadow: #1d1eeb 0 0 10px;
	}
		header.mainHeader h1 a:hover {
			color: #ccc;
			text-decoration: none;
			text-align: center;
		}
	
	header.mainHeader h2 {
		text-align: center;
		font: normal 24px "Century Gothic";
		color: #067006;
		padding-bottom: 20px;
	}