Wich element is ".hero a" parent?


I've changed the ".hero a" font-size to 1em and set all fonts to helvética so the ".hero a" should have the same font size of something in the page. But it is just different. Wich element is its parent so the 1em is based on?


body {
	height: 100%;
	margin: 0;
	text-align: center;
	width: 100%;

h1 {
	font-size: 32px;

h2 {
	font-size: 56px;

.hero {
	padding: 250px 0;
	margin: 30px;

p {
	font-size: 2rem;

.hero a {
	color: #00FFAA;
	font-size: 1.25em;
	text-decoration: none;


<!DOCTYPE html>
	<link rel="stylesheet" type="text/css" href="main.css"/>
	<h1>Mystwood Publishers Ltd.</h1>
	<div class="hero">
		<p>A book by J. Daniel Bedford</p>
		<a href="#">Read now.</a>
	<p>&copy; Mystwood Publishers Limited</p>


The directions say


This topic was automatically closed after 7 days. New replies are no longer allowed.