fix: scrolling of anchor link

Signed-off-by: saurabhraghuvanshii <saurabhsraghuvanshi@gmail.com>

Author: saurabhraghuvanshii

assets/scss/_styles_project.scss

@@ -408,6 +408,7 @@ a:not([href]):not([class]):hover {
   display: flex;
   align-items: center;
   color: $casper;
+
   &:hover {
     background-color: rgba($primary, 0.3)
   }
@@ -481,15 +482,15 @@ a:not([href]):not([class]):hover {
   align-items: center;
 }
 
-.td-content figure > img {
+.td-content figure>img {
   width: auto;
   max-width: 100%;
   border-radius: .5rem .5rem 0 0;
   box-shadow: 0 0 0.5rem rgba(0, 179, 159, 0.4);
   transition: box-shadow 0.2s;
 }
 
-.td-content figure > figcaption {
+.td-content figure>figcaption {
   width: 100%;
   text-align: center;
   padding: 0.5rem 1rem;
@@ -777,3 +778,12 @@ a:not([href]):not([class]):hover {
     letter-spacing: 0.03em;
   }
 }
+
+html {
+  scroll-padding-top: 5rem;
+  scroll-behavior: smooth;
+}
+
+h1, h2, h3, h4, h5, h6 {
+  scroll-margin-top: 1rem;
+}