---
import { PAGE_TITLE_ID } from '../constants';
import type { Props } from '../props';
---

<h1 id={PAGE_TITLE_ID}>{Astro.props.entry.data.title}</h1>

<style>
	h1 {
		margin-top: 1rem;
		font-size: var(--sl-text-h1);
		line-height: var(--sl-line-height-headings);
		font-weight: 600;
		color: var(--sl-color-white);
	}
</style>