I think I have miss understood this part of the code, can someone please help
Cheers
This line in your :root style is not declaring a variable. That is the form that you would use to apply the value of the variable.
background: var(--penguin-belly, pink);
For instance
body {
background: var(--penguin-belly, #c6faf1);
}
is applying the color stored in variable --penguin-belly
to background. The other color is a fallback in case --penguin-belly
fails for whatever reason.
If you jump back to previous lessons you can see how a variable is declared in :root. Hint: it is a name : value pair separated by colon.
Thank you, : ) was having a brain fart…lol