html {
  scroll-behavior: smooth;
}


body::-webkit-scrollbar {
  width: 12px;
}


body::-webkit-scrollbar-track {
  background: #0d260b;
  border-radius: 10px;
  border: 2px solid #1f4e19;
  box-shadow: inset 0 0 6px rgba(255, 255, 255, 0.5);
}


body::-webkit-scrollbar-thumb {
  background: linear-gradient(45deg, #2a7d23, #5dd661);
  border-radius: 10px;
  
  transition: all 0.3s ease-in-out;
}


body::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(45deg, #4caf50, #2a7d23);
  box-shadow: 0px 0px 10px #4caf50;
  
}


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