title: What could be causing this offset in the mouse position on my canvas game?
body: <p>I'm currently creating a final project that is supposed to be similar to the classic Scary Maze Game. I'm using Vanilla JS and HTML5 Canvas and would prefer not to use outside libraries or frameworks. There's a large offset between the positioning of the mouse and rectangle that is supposed to be following it. It seems that as I get farther away from the left corner of my screen, the larger the offset becomes. Check it out:</p>
  <p><a href="https://github.uconn.edu/pages/ssw19002/dmd-3475/final-project/maze-page-1.html" rel="nofollow noreferrer">https://github.uconn.edu/pages/ssw19002/dmd-3475/final-project/maze-page-1.html</a></p>
  <p>If anyone has any what could be causing that, please let me know! I'm new to <code>&lt;canvas&gt;</code>.</p>