<div id="foo">
  <h1>Hello</h1>
</div>

<div>
  <p>
    More text inside another div. This also will have the nice light blue color, but not as a background, but as text color.
  </p>
</div>
:root {
  --my-cool-background: #73a4f4;
}

p {
  color: var(--my-cool-background);
  max-width: 600px;
  margin: 20px auto;
  font-size: 2em;
}

#foo {
  background-color: var(--my-cool-background);
}

body {
  text-align: center;
  line-height: 1.6;
}
Run Pen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.