.borders{
   /* border: 2px solid red; */
   margin: 4px; 
}

.flex{
    display: flex;
}

.justify_content{
    justify-content: center;
}

.align_Item{
    align-items: center;
}

.invert{
    filter: invert(1);
}

.bg-color{
    background-color: #121212;
}


::-webkit-scrollbar {
    width: 6px; /* Width of the entire scrollbar */
    height: 12px; /* Height of the entire scrollbar */
  }
  
  ::-webkit-scrollbar-track {
    background: #f1f1f1; /* Background of the scrollbar track */
    border-radius: 6px; /* Optional: rounding the corners */
  }
  
  ::-webkit-scrollbar-thumb {
    background-color: #888; /* Color of the scrollbar thumb */
    border-radius: 6px; /* Optional: rounding the corners */
    border: 2px solid #f1f1f1; /* Adds a border around the thumb */
  }
  
  ::-webkit-scrollbar-thumb:hover {
    background-color: #555; /* Color when hovering over the scrollbar thumb */
  }