<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;
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.