Né que deu certo | JavaScript e HTML: pratique lógica com desenhos, animações e um jogo

Testei isso no chue e deu certo kk o estilo está em um arquivo css externo mas é basicamente: width: 600px; height: 400px; border: 1px solid black

<!DOCTYPE html>
<html lang="pt-br">
    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Canvas</title>

        <link rel="stylesheet" href="style.css">
    </head>

    <body>
        <canvas>

        </canvas>

        <script>
            var desenho = document.querySelector("canvas")
            var pincel =  desenho.getContext('2d')

            pincel.fillStyle = 'skyblue'
            pincel.fillRect(0,0, 100,400);

            pincel.fillStyle = 'blue'
            pincel.fillRect(100,30, 100,90);

            pincel.fillStyle = 'darkblue'
            pincel.fillRect(200,55, 100,45);
        </script>
    </body>
</html>