working with small bugs

cardgame.html

@@ -3,7 +3,7 @@
 <head>
 	<style>
 		html {
-			background-color: #808080;
+			background-color:#00CEC8`;
 		}
 		/*canvas styling*/
 		#canvas {
@@ -12,13 +12,13 @@
 			bottom: 0;
 			left: 0;
 			right: 0;
-			aspect-ratio: 16/9;
 			margin:auto;
 			border: solid rgb(400,400,300) 4px;
 		}
 	</style>
   <title>Solitaire - Klondike - Yurun Chen</title>
   <!-- <link rel="stylesheet" href="style.css"> -->
+  <script type="module">import { Canvg } from 'https://cdn.skypack.dev/canvg@^4.0.0';</script>
   <script type="text/javascript" defer src="card-v2.js"></script>
   <script type="text/javascript" defer src="deck-v2.js"></script>
 	<!-- main game javascript file-->
@@ -28,6 +28,8 @@
 </head>
 <body>
 		<canvas id="canvas" width="400" height="300"> </canvas>
-
+<input id="clickMe" type="button" value="DrawStock" onclick="game_instance.draw_stock();" />
+<input id="clickMe" type="button" value="DrawStock" onclick="game_instance.reset();" />]\
+<h1 id="coord"></h1>
 </body>
 </html>