index.html

<!DOCTYPE html>
<html lang="en">
<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">
    <link rel = "stylesheet" href = "style.css" >
    <title>Doggo-run</title>
</head>

<body>
    <canvas id = "canvasbg"></canvas>
    <div id="start">
        <idv class="container">
            <h1>Doggo-Run</h1>
            <div class="intruction" style="display: flex; 
                                            flex-direction: row; flex-wrap: wrap;
                                            justify-content: center;
                                            align-items: center;
                                            margin: 2em 0;">
                <img src="./Assets/wasd.svg">
                <p>
                    Use S W A D keys to move the main character.
                </p>
            </div>
            <a href="#" onclick="startGame()" class="button">Start Game</a>
        </idv>
    </div>
    <script src = "script.js"></script>
</body>

</html>