html, body {
            margin: 0;
            padding: 0;
            width: 100%;
            overflow-x: hidden;
        }

        * {
            scroll-behavior: smooth;
        }

        :target {
            scroll-margin-top: 130px;
        }

        h1,
        h2,
        h3,
        h4,
        h5,
        h6,
        [id] {
            scroll-margin-top: 130px;
        }

        @media (max-width: 768px) {

            :target,
            h1,
            h2,
            h3,
            h4,
            h5,
            h6,
            [id] {
                scroll-margin-top: 110px;
            }
        }