.border {
   border: 2px solid red;
   margin: 3px;
}

.flex {
   display: flex;
}

.justify-center {
   justify-content: center;
}

.item-center {
   align-items: center;
}

.invert {
   filter: invert(1);
}

.bg-black {
   background-color: black;
   color: white;
}

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

.rounded {
   border-radius: 6px;
}

.m1 {
   margin: 5px;
}

.p1 {
   padding: 10px;
}

.bg {
   background-color: #070707;

}

/* Customize scrollbar for webkit browsers (Chrome, Safari, etc.) */
::-webkit-scrollbar {
   width: 12px;
   /* Width of the scrollbar */
}

::-webkit-scrollbar-track {
   background: #2b2b2b;
   /* Dark background color for the scrollbar track */
   border-radius: 10px;
   /* Rounded corners for the track */
}

::-webkit-scrollbar-thumb {
   background-color: #575757;
   /* Dark color for the scrollbar thumb */
   border-radius: 10px;
   /* Rounded corners for the thumb */
   border: 3px solid #2b2b2b;
   /* Padding around the thumb */
}

/* input[type="range"]{
   -webkit-appearance: none;
   appearance: none;
   width: 100%;
   height: 4px;
   background: #1ed760; 
   outline: none;
   border-radius: 5px;
   width: 70px;
  

}
input[type="range"]::-webkit-slider-thumb {
   -webkit-appearance: none;
   appearance: none;
   width: 15px; 
   height: 15px;
   background: #1ed760;
   cursor: pointer;
   border-radius: 50%;
   transition: all 0.3s ease-out;
} */