x
 
1
<!DOCTYPE html>
2
<html>
3
<head>
4
<style>
5
    :root {
6
        --red: #ff4842;
7
        --green: #00ab55;
8
        --white: #ffffff;
9
    }
10
    h1 {
11
        background-color: var(--green);
12
        color: var(--white);
13
    }
14
    p{
15
        color: var(--red);
16
    }
17
</style>
18
</head>
19
<body>
20
21
<h1>Using the var() Function</h1>
22
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam semper diam at erat pulvinar, at pulvinar felis blandit.</p>
23
24
</body>
25
</html>