Hello everyone. I created a header with 100% of screen size (regardless of screen size) like this:
header {
background-image: url('img/background.jpg');
height: 100vh;
width: 100%;
}
<header>
<div class="texto-header">
<h1>Nova Zelândia</h1>
<p>Um paraiso do outro lado do mundo.</p>
</div>
</header>
I need my text to be at the center of this header (horizontal and vertical).