---
id: 5f3ef6e0f8c230bdd2349716
title: Step 63
challengeType: 0
dashedName: step-63
---
# --description--
The typography of heading elements (e.g. `h1`, `h2`) is set by default values of users' browsers.
Add two new type selectors (`h1` and `h2`). Use the `font-size` property for both, but use the value `40px` for the `h1` and `30px` for the `h2`.
# --hints--
You should use an `h1` selector.
```js
const hasH1 = new __helpers.CSSHelp(document).getStyle('h1');
assert(hasH1);
```
You should use an `h2` selector.
```js
const hasH2 = new __helpers.CSSHelp(document).getStyle('h2');
assert(hasH2);
```
Your `h1` element should have a `font-size` of `40px`.
```js
const h1FontSize = new __helpers.CSSHelp(document).getStyle('h1')?.getPropertyValue('font-size');
assert(h1FontSize === '40px');
```
Your `h2` element should have a `font-size` of `30px`.
```js
const h2FontSize = new __helpers.CSSHelp(document).getStyle('h2')?.getPropertyValue('font-size');
assert(h2FontSize === '30px');
```
# --seed--
## --seed-contents--
```html
Cafe Menu