---
id: 5d822fd413a79914d39e993d
title: Part 117
challengeType: 0
dashedName: part-117
---
# --description--
Add a `:root` selector to the top of your media query. Then redefine all four of the `--building-color` variables to use the value `#000` there.
# --hints--
test-text
```js
const root = code.match(/:root\s*{[\s\S]+?[^}]}/g)[1];
assert(
/--building-color1\s*:\s*#000\s*(;|})/g.test(root) &&
/--building-color2\s*:\s*#000\s*(;|})/g.test(root) &&
/--building-color3\s*:\s*#000\s*(;|})/g.test(root) &&
/--building-color4\s*:\s*#000\s*(;|})/g.test(root)
);
```
# --seed--
## --seed-contents--
```html
freeCodeCamp Skyline Project
```
# --solutions--
```html
freeCodeCamp Skyline Project
```