---
id: 5a9d72a1424fe3d0e10cad15
title: Change a variable for a specific area
challengeType: 0
videoUrl: 'https://scrimba.com/c/cdRwbuW'
---
## Description
When you create your variables in :root
they will set the value of that variable for the whole page.
You can then over-write these variables by setting them again within a specific element.
## Instructions
Change the value of --penguin-belly
to white
in the penguin
class.
## Tests
```yml
tests:
- text: The penguin
class should reassign the --penguin-belly
variable to white
.
testString: assert(code.match(/.penguin\s*?{[\s\S]*--penguin-belly\s*?:\s*?white\s*?;[\s\S]*}/gi), 'The penguin
class should reassign the --penguin-belly
variable to white
.');
```
## Challenge Seed
## Solution
```js
var code = ".penguin {--penguin-belly: white;}"
```