.user-header-small {
    transform: scale(0.5); /* Adjust the scale value as needed */
  }::-webkit-scrollbar{
    width: 7px;
}

::-webkit-scrollbar-track{
    background-color: #1e1e1e;
}

::-webkit-scrollbar-thumb{
    background-color: #888;
}

::-webkit-scrollbar-thumb:hover{
    background-color: #555;
}

body {
    font-family: 'Orbitron, sans-serif';
  }

  .my-masonry-grid {
    display: flex;
    margin-left: -30px; 
    width: auto;
  }
  .my-masonry-grid_column {
    padding-left: 30px; 
    background-clip: padding-box;
  }
  
  .my-masonry-grid_column > div {
    margin-bottom: 30px;
  }

  .no-focus-border:focus {
    outline: none !important;
    border-color: yellow !important;
    box-shadow: none !important;
  }

  .specificComponentButton {
    background-color: black !important;
    padding: 8px;
}

.container-with-line::before {
  content: '';
  display: block;
  position: absolute;
  top: 30px; 
  left: -350px; 
  width: 3px;
  background-color: orange;
  height: 100%; 
}

.container-with-blue {
  position: absolute;
  left: 30%; /* Center the line */
  bottom: 10px; /* Keep at the bottom */
  width: 0%; /* Make the line half as long */
  height: 2px; /* Thin horizontal line */
  background-color: rgb(135,206,250); /* Shade of blue */
}

.outer-container {
  overflow-x: hidden;
  overflow-y: hidden; /* This line removes the vertical scrollbar */
  max-width: 100%;
  position: relative;
  margin-left: -15px; /* Adjust this value as needed */
}

.box {
  width: 300px; /* Fixed width */
  height: 200px; /* Fixed height */
  overflow-x: auto; /* Enables horizontal scrolling */
  overflow-y: auto; /* Enables vertical scrolling */
  border: 1px solid #000; /* Optional: adds a border for visibility */
}