---
id: 5d822fd413a79914d39e98d6
title: Part 14
challengeType: 0
dashedName: part-14
---
# --description--
Now you have something that is starting to resemble a building. Lets get into your first variable. Variable declarations begin with two dashes (`-`) and are given a name and a value like this: `--variable-name: value;`. In the `bb1` class, create a variable named `--building-color1` and give it a value of `#999`.
# --hints--
test-text
```js
const bb1style = code.match(/\.bb1\s*{[\s\S]+?[^}]}/g)[0];
assert(/--building-color1\s*:\s*#999\s*(;|\s*})/g.test(bb1style));
```
# --seed--
## --seed-contents--
```html
freeCodeCamp Skyline Project
```
# --solutions--
```html
freeCodeCamp Skyline Project
```