Implemented Customized Scrollbar Feature

docs/_sass/getnighthawk.scss

@@ -5533,7 +5533,7 @@ div.globalFooterCard.card-environment {
   display: grid;
   grid-template-columns: 1fr 1fr 1fr;
   grid-template-rows: auto;
-  margin: 2rem 0rem;
+  margin: 2rem 0rem 12rem 0rem;
   padding: 2rem 0rem;
   .card-item {
     display: flex;
@@ -5979,3 +5979,20 @@ div.globalFooterCard.card-environment {
 .accordion-button::after {
   margin-left: 10px !important;
 }
+
+/* Custom Scrollbar*/
+::-webkit-scrollbar{
+  width: 8px;
+}
+::-webkit-scrollbar-track {
+  background-color: #ffffff;
+}
+::-webkit-scrollbar-thumb {
+  background-color: #393E46;
+  border-radius: 12px;
+  box-shadow: inset 0 0 6px rgba(0,0,0,.3);
+  transition: background-color 0.3s ease;
+}
+::-webkit-scrollbar-thumb:hover {
+  background: #555b66;
+}

docs/_sass/index.scss

@@ -217,7 +217,7 @@ $blue-munsell-3: #4392a4ff;
 // nighthawk-description startups
 
 .nighthawk-description-div {
-  margin: -23rem auto 3rem auto;
+  margin: -23rem auto 12rem auto;
   z-index: 1;
 }
 .description-div {

docs/_sass/layout.scss

@@ -542,3 +542,17 @@ hr {
     grid-template-columns: 1fr;
   }
 }
+/* Custom Scrollbar*/
+::-webkit-scrollbar{
+  width: 0.5rem;
+}
+::-webkit-scrollbar-track {
+  background: rgb(255, 255, 255);
+}
+::-webkit-scrollbar-thumb {
+  background: rgb(60, 73, 79);
+  border-radius: 0.3rem;
+}
+::-webkit-scrollbar-thumb:hover {
+  background: rgb(85, 85, 85);
+}