html code
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- MONTSERRAT-->
<link rel="preconnect" href="https://fonts.googleapis.com"><link/>
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin=""><link/>
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@700;display=swap" rel="stylesheet"><link/>
</head>
<body>
<div class="loader">
<div class="name">
<h1>Start Quiz</h1>
</div>
<span style="--i:1;"></span>
<span style="--i:2;"></span>
<span style="--i:3;"></span>
<span style="--i:4;"></span>
<span style="--i:5;"></span>
<span style="--i:6;"></span>
<span style="--i:7;"></span>
<span style="--i:8;"></span>
<span style="--i:9;"></span>
<span style="--i:10;"></span>
</div>
</body>
</html>
i've tried ending the link but it doesnt seem to help that much, i don't know if its an error with XHTML or something else