/* gallery.css */
@import url('https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css');

body {
  margin: 0;
  font-family: 'Inter', sans-serif;
  background: #0b0b13 url("../Image Folder/Backgrounds/Galaxy_Starshower.jpg") no-repeat center center fixed;
  background-size: cover;
  color: white;
}

.sort-button {
  background-color: #6b21a8;
  color: white;
  transition: background-color 0.2s ease;
}

.sort-button:hover {
  background-color: #9333ea;
}

.sort-button.active {
  background-color: #9333ea;
  color: white;
}

.gallery-item {
  display: none;
}