/* 
	Playing with a simple code to Demo
	Pen, Mouse, and Touch APIs 
	for cross-platform functionality.

	Base Code taken from:
	https://mobiforge.com/design-development/html5-pointer-events-api-combining-touch-mouse-and-pen

	Modifications:
	+ Uses entire screen now.
	+ Works on Apple Safari Webkit now.
	+ Fixed event confusion when mousedown leaving canvas.
	+ Added event handler to clear the canvas on window resize.
	+ Optimized the code so multiple events don't trigger on Touchscreen PCs.
*/
body {
	/* 'Hold down' the canvas on iOS */
	height: 100vh;
	margin: 0;
	position: fixed;
	width: 100vw;
}

canvas {
	/* Center canvas, and disable intrinsic user agent touch behaviors (such as panning or zooming) */
	border: 1px solid black;
	bottom: 0;
	height: 100%;
	left: 0;
	margin: 0;
	right: 0;
	top: 0;
	touch-action: none;
	width: 100%;
	-webkit-touch-callout: none;
	user-select: none;
	-webkit-user-select: none;
}