CSS Class to <div> not working

I am try (and learning) how to define a class in CSS and call it from HTML - but no luck,

Here’s the code(s):

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title></title>
</head>
<body>
ASDASDADADSA
    <div class="dave">

        TEST

    </div>

</body>
</html>

CSS ...
.dave {
    font-size: 56px;
    text-transform: capitalize;
    font-family: Arial, sans-serif;
    font-weight: bold;
    color: red;
}

Chrome and Edge - current versions

Thanks for any help!
Dave

Where are you linking the CSS?

https://www.w3schools.com/html/html_css.asp
look at that

This is the solution for that error.

**<link rel=stylesheet type="text/css" href="style.css">**

you need to link your .css file to html.
hope it will help.