PrintCSS: A basic CV example - Header Section

CSS:
@import url('https://fonts.googleapis.com/css2?family=Asul:wght@700&family=Open+Sans&display=swap');
@import url('https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');

@page{
  size:A4;
  margin:5cm 2cm 2cm 2cm;
  
  @top-center{
  	content:element(MyHeader);
  }
  
  @bottom-center{
  	content: "- " counter(page) " -";
  }
}

header{
	position:running(MyHeader);
    text-align:center;
}

header p i:first-of-type{
	margin-left:0;
}

header i{
	margin-left:5mm;
}

HTML: 
<header>
	<h1>Firstname Lastname</h1>
	<p>
		<i class="fa fa-envelope" aria-hidden="true"></i> <a href="mailto:info@azettl.net">info@azettl.net</a> 
		<i class="fa fa-home" aria-hidden="true"></i> <a href="https://printcss.live">printcss.live</a>
		<i class="fa fa-github" aria-hidden="true"></i> <a href="https://github.com/">github.com/USER</a>
		<i class="fa fa-linkedin" aria-hidden="true"></i> <a href="https://linkedin.com/">linkedin.com/in/USER</a>
	</p>
	<p>
		<i class="fa fa-birthday-cake" aria-hidden="true"></i> 01. January 1970 
		<i class="fa fa-phone" aria-hidden="true"></i> +49 123 456 789 
		<i class="fa fa-map-marker" aria-hidden="true"></i> Streetname 1, 12345 City
	</p>
</header>