Позиционирование HTML Canvas на странице

Столкнулся с проблемой позиционирования Canvas на своей странице. Цель: добавить подсвечивающие неоновым цветом зелёные линии на страницу. Canvas прикрывает собой другие элементы страницы: невозможно нажать на кнопки, они перестали подсвечиваться.

Как видите: тег canvas находится в самом начале тега body. Я уже пытался написать его где-нибудь в середине, в header, в самом начале, но результат тот же: он прикрывает остальные элементы.

Код CSS

Код JS

Макет. Вот так должны располагаться линии на странице.

Линии рисуются, но проблема остаётся нерешённой.

Заранее спасибо.

P.S мой первый вопрос на этом сайте)