---
id: 5d822fd413a79914d39e98e3
title: Part 27
challengeType: 0
dashedName: part-27
---
# --description--
Create another variable named `--building-color4` and give it a value of `#538cc6`, make sure it's in the `:root` selector this time. Then use it to fill in the last building.
# --hints--
test-text
```js
const rootStyle = code.match(/:root\s*{[\s\S]+?[^}]}/g)[0];
const bb4style = code.match(/\.bb4\s*{[\s\S]+?[^}]}/g)[0];
assert(
/--building-color4\s*:\s*#538cc6\s*(;|\s*})/g.test(rootStyle) &&
/background-color\s*:\s*var\(\s*--building-color4\s*\)\s*(;|\s*})/g.test(
bb4style
)
);
```
# --seed--
## --seed-contents--
```html
freeCodeCamp Skyline Project
```
# --solutions--
```html
freeCodeCamp Skyline Project
```