:root {
    --primary-green: rgb(52, 186, 156);
}

body {
    margin: 0;
    font-family: Arial, sans-serif;
    overflow-x: hidden;
  scrollbar-width: none; /* auto (default), thin, none */
  scrollbar-color: #555 #eee; /* thumb color, track color */
}

::-webkit-scrollbar {
  width: 8px; /* width of the vertical scrollbar */
  height: 8px; /* height of the horizontal scrollbar */
}

::-webkit-scrollbar-track {
  background: rgb(197, 197, 197);
}

/* Target the thumb (the draggable handle) */
::-webkit-scrollbar-thumb {
  background: rgb(52,186,156);
  border: 1px solid rgb(68, 68, 68);
}