blur ju mp links

<head>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Mali&display=swap" rel="stylesheet">
</head>
<style>

a.two:link,a.two:visited {

text-shadow: -1px 0 #575757, 0 1px #575757, 1px 0 #575757, 0 -1px #575757, 0 0;

font-size:17px;

color:#fff;

font-family: 'Mali';

text-decoration: none;

}

a.two:hover, a.two:active {

webkit-filter: blur(1px); /* Chrome, Safari, Opera */

filter: blur(1px);

}

</style>

<a class="two" href="#home"> home! </a>

<a class="two" href="#rules"> rules! </a>

<a class="two" href="#music"> music! </a>

</body>

</html>