Valid CSS

<!DOCTYPE html>
<html lang="ru-RU">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="content-language" content="ru">
    <title>Valid CSS</title>
    <style>
        :root{
            --myVar1:32px;
            --myVar2:24px;
            --h1FontSize:calc(2 * var(--myVar1));
            --h1MarginTop:calc(var(--myVar1) + var(--myVar2));
        }
        h1{
            font-size:var(--h1FontSize);
            margin-top:var(--h1MarginTop);
        }
    </style>
</head>
<body>
    <h1>Test Valid CSS</h1>
</body>
</html>