Custom Cursor doesn't work

Site URL: https://maithnguyen.com/

body {
  margin: 0;
height: 100vh;
cursor: url(https://static1.squarespace.com/static/56eadb72d51cd4a1f93f5e10/t/61cf76479673080e2fa33a8f/1640986183767/CursorFinal.png), auto;
}

 a:hover{
cursor: url(https://static1.squarespace.com/static/56eadb72d51cd4a1f93f5e10/t/61cf76479673080e2fa33a8f/1640986183767/CursorFinal.png), auto;
}

Here is the css that I used for my custom cursor but it doesn't work. It works at the first time but when I tried to input more code it doesn't work anymore. Please help!

Use this code for all elements

* {
cursor: url(https://static1.squarespace.com/static/56eadb72d51cd4a1f93f5e10/t/61cf76479673080e2fa33a8f/1640986183767/CursorFinal.png), auto !important;
}

3 hours ago, tuanphan said:

Use this code for all elements

* {
cursor: url(https://static1.squarespace.com/static/56eadb72d51cd4a1f93f5e10/t/61cf76479673080e2fa33a8f/1640986183767/CursorFinal.png), auto !important;
}

 

@tuanphanHi, thank you for your help! I tried but it still doesn't work, The custom cursor still periodically appears.