Responsive webpage usung flex

What are you most proud of, and what would you do differently next time?

I am glad that I am aware how to center boxes via flex, I am getting much better at it. I am not sure about gaps, pity that I cannot use dev tools to see gaps/paddings etc on original pic as it is just .jpg :P Also, next time I'll try to finish project much quicker

What challenges did you encounter, and how did you overcome them?

Not sure why my custom icon doesn't work, haven't check on another browsers but technically all was done correctly. I've spend some time on google to check if I am doing everything correctly. Next time I'll download icon instead of using url web link

What specific areas of your project would you like help with?

well, tried to use:

cursor:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="48" viewBox="0 0 24 24"><path fill="%23000000" stroke="%23FFFFFF" stroke-width="0.75" stroke-linejoin="round" d="M10 11V8.99c0-.88.59-1.64 1.44-1.86h.05A1.99 1.99 0 0 1 14 9.05V12v-2c0-.88.6-1.65 1.46-1.87h.05A1.98 1.98 0 0 1 18 10.06V13v-1.94a2 2 0 0 1 1.51-1.94h0A2 2 0 0 1 22 11.06V14c0 .6-.08 1.27-.21 1.97a7.96 7.96 0 0 1-7.55 6.48 54.98 54.98 0 0 1-4.48 0 7.96 7.96 0 0 1-7.55-6.48C2.08 15.27 2 14.59 2 14v-1.49c0-1.11.9-2.01 2.01-2.01h0a2 2 0 0 1 2.01 2.03l-.01.97v-10c0-1.1.9-2 2-2h0a2 2 0 0 1 2 2V11Z"></path></svg>');

from https://www.svgbackgrounds.com/elements/custom-css-cursors/

but it doesn't work.I am sure that it was placed on correct place in css but my cursor doesn't changed

Please let me know what you think in overall, what should be correctted and on which aspects should I focus in future Any tips are gladly welcomed :)