2021-10-14 23:33:13 +01:00
---
id: 60f1a9cbd23023082e149fee
2021-10-21 10:07:52 -07:00
title: Step 9
2021-10-14 23:33:13 +01:00
challengeType: 0
2021-10-21 10:07:52 -07:00
dashedName: step-9
2021-10-14 23:33:13 +01:00
---
# --description--
That is better. Now, make the background easy on the eyes, by changing the `body` `background-color` to `#1b1b32` . Then, to see the text, change the `color` to `#f5f6f7` .
# --hints--
You should add the `background-color` within the `body` element selector.
```js
assert.isNotEmpty(new __helpers.CSSHelp(document).getStyle('body')?.backgroundColor);
```
You should give the `background-color` a value of `#1b1b32` .
```js
assert.equal(new __helpers.CSSHelp(document).getStyle('body')?.backgroundColor, 'rgb(27, 27, 50)');
```
You should add the `color` within the `body` element selector.
```js
assert.isNotEmpty(new __helpers.CSSHelp(document).getStyle('body')?.color);
```
You should give the `color` a value of `#f5f6f7` .
```js
assert.equal(new __helpers.CSSHelp(document).getStyle('body')?.color, 'rgb(245, 246, 247)');
```
# --seed--
## --seed-contents--
```html
<!DOCTYPE html>
< html >
< head >
2022-03-14 15:54:43 +00:00
< title > Registration Form< / title >
2021-10-14 23:33:13 +01:00
< link rel = "stylesheet" type = "text/css" href = "styles.css" / >
< / head >
< body >
< h1 > Registration Form< / h1 >
< p > Please fill out this form with the required information< / p >
< / body >
< / html >
```
```css
--fcc-editable-region--
body {
width: 100%;
height: 100vh;
margin: 0;
}
--fcc-editable-region--
```
