@tailwind base;
@tailwind components;
@tailwind utilities;

@layer base {
  body {
    font-family: 'Poppin', serif;
  }
}

.sidebar::-webkit-scrollbar {
  width: 5px;
}

.sidebar::-webkit-scrollbar-thumb {
  background-color: rgba(255, 255, 255, 0.2);
  border-radius: 10px;
}

.sidebar::-webkit-scrollbar-track {
  background-color: rgba(255, 255, 255, 0.2)
}

::-webkit-scrollbar {
  width: 10px;
}

::-webkit-scrollbar-thumb {
  background-color: rgba(78, 78, 78, 0.2);
  border-radius: 10px;
}

::-webkit-scrollbar-track {
  background-color: rgba(255, 255, 255, 0.2)
}

td {
  max-width: 150px; /* adjust the max-width to fit your design */
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}