'Why is my scroll behavior which is set so smooth, not working?

here is my code: https://codepen.io/vexisqt/pen/GRQoogQ for some reason scroll-behavior: smooth; is not working

html {
    height:100%;
    scroll-behavior: smooth;
}

html css

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Solution	Source