Basic CSS: Change a variable for a specific area

I’m having trouble with variables this is what my code looks like. I don’t understand what I’m doing wrong.

body {
    background: var(--penguin-belly, #c6faf1);
  .penguin {
    /* add code below */
    /* add code above */

Figured out what I was doing wrong. I just needed --penguin-belly:white;

1 Like

To set a variable you need to write it like this:

–penguin-belly: #c6faf1;

1 Like

Thanks I’ve got it to work consistently now.