html scroll behavior
html {
scroll-behavior: smooth;
}
// scroll-behaviour option
auto => Allows a straight jump "scroll effect" between elements within the scrolling box. This is default
smooth => Allows a smooth animated "scroll effect" between elements within the scrolling box.
initial => Sets this property to its default value.
inherit => Inherits this property from its parent element.