Remove HTML Canvas Border

I'm customising my homepage http://geotheory.co.uk/ with an interactive animation, but having trouble making it feel more seemeless in the page. I want to remove the animated canva

Solution 1:

I guess you've not resetted the browser default styles...So you need to reset the default styles.. Use this

* {
   margin: 0;
   padding: 0;
}

Explanation : Browser gives padding, margins to some elements, so inorder to reset them you need to use the style which I told you else you can also use CSS reset

And also use display: block; for <canvas> (As Kolink Said)

Solution 2:

Add margin: 0; to the body tag in your css, and display: block; to the canvas tag in your css.

Example:

canvas {
    display:block;
}

body {
    margin:0;
}