error

HTML

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<link rel="stylesheet" type="text/css" href="css/index.css">
	<link rel="stylesheet" type="text/css" href="css/text/text.css">
	<link rel="stylesheet" type="text/css" href="css/text/textTheming.css">
	<link rel="stylesheet" type="text/css" href="css/product.css">
	<link rel="stylesheet" type="text/css" href="css/itemlenta.css">
	<link rel="stylesheet" type="text/css" href="css/media.css">
	<link rel="stylesheet" type="text/css" href="css/livebox.css">
	<script src="js/slider.js" type="text/javascript"></script>
	<script src="js/filtr.js" type="text/javascript"></script>
	<title>TopEliteSell</title>
</head>
<body class="body">
	<header class="header">

		<div id="list">
			<div><svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" height="24" viewBox="0 0 24 24" width="24"><g><rect fill="none" height="24" width="24"/><g><path d="M19,5v14H5V5H19 M19,3H5C3.9,3,3,3.9,3,5v14c0,1.1,0.9,2,2,2h14c1.1,0,2-0.9,2-2V5C21,3.9,20.1,3,19,3L19,3z" fill="white"/></g><path d="M14,17H7v-2h7V17z M17,13H7v-2h10V13z M17,9H7V7h10V9z" fill="white"/></g></svg><a class="text textMedium textM textColorMain" href="index.html">Главная</a></div>
			<div><svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M12 1L3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4zm7 10c0 4.52-2.98 8.69-7 9.93-4.02-1.24-7-5.41-7-9.93V6.3l7-3.11 7 3.11V11zm-11.59.59L6 13l4 4 8-8-1.41-1.42L10 14.17z" fill="white"/></svg><a class="text textMedium textM hover" href="">Гарантии</a></div>
			<div>
			<svg
 			 width="24"
  			 height="24"
  			viewBox="0 0 24 24"
  			fill="none"
  			xmlns="http://www.w3.org/2000/svg"
			>
  			<path
    			fill-rule="evenodd"
    			clip-rule="evenodd"
    			d="M12.0122 5.57169L10.9252 4.48469C8.77734 2.33681 5.29493 2.33681 3.14705...

CSS

@font-face{
font-family: 'Montserrat';
src: url('../fonts/Montserrat.ttf');
}
* {
	box-sizing: border-box;
	margin: 0;
	border: 0;
	padding: 0;
	outline: none;
	list-style: none;
	text-decoration: none;
	quotes: none;
	vertical-align: middle;
	-webkit-tap-highlight-color: hsla(0, 0%, 0%, 0);
	user-select: none;
	scrollbar-width: none;
	scroll-behavior: smooth;
}
html {
	width: 100%;
	height: 100%;
}
body {
	width: 100%;
	height: 100%;
}


.body {
	display: grid;
	z-index: 1;

}

.header {
	display: grid;
	grid-column: 2 / 3;
	grid-row: 1 /3 ;
	grid: auto 5rem 1fr / auto 1fr;
	padding-top: 3.2rem;
	z-index: 1;
}

@media (min-width: 960px) {
	body {
		grid: 80% 20% / 10rem 1fr 10rem;
	}
}
@media (max-width: 959px) {
	body {
		grid: 80% 20% / .5rem 1fr .5rem;
	}
}
.headerback {
	background: url(../ph/head/background_main.png) center #000000;
	background-size: cover;
	grid-column: 1/4;
	grid-row: 1/2;
	z-index: 0;
}
#enter {
	grid-column: 1/2;
	grid-row: 1/2;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
}
#enter * {
	margin: .5rem;
}

.hover {
	color: gray;
}

.hover:hover {
	color: white;
}



#list {
	grid-column: 2/3;
	grid-row: 1/2;
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	align-items: center;
}

#list div {
	margin: .5rem;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;


}

#logo {
	grid-column: 1/3;
	grid-row: 1/2;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
}

#logo .column {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
}

.logtext {
	color: white;
	text-align: left;
	font-size: 180%;
	font-family: montserrat;
}
.logo:hover {
	transition: 1s;
 	transform: scale(1.1);
}
.logtext2 {
	color: white;
	text-align: left;
	font-size: 50%;
	font-family: montserrat;
}

.buy {
	border-radius: 10rem;
	padding: .5rem;
	width: 50%;
	height:...

JavaScript

let accounts = document.querySelector('#accounts');
accounts.addEventListener("click", workAccounts , false)
function workAccounts() {
    let licenzia = document.querySelector('#licenzia')
    licenzia.style.display = 'none'
    let accountsblock = document.querySelector('#accountsblock')
    accountsblock.style.display = 'grid'
}