@import url('https://fonts.googleapis.com/css2?family=Pixelify+Sans:wght@400..700&display=swap');

h1 {
  font-family: "Pixelify Sans", sans-serif;
  text-align: center;
  color: white;
}
  
.filterDiv {
  width: 200px;
  height: auto;
  transition: transform 0.3s;
  display: none; /* Hidden by default, JS handles showing them */
}

/* Changed from block to inline-block/flex so they don't break stacking */
.show {
  display: block;
}
  
button {
  width: 25px;
  height: 25px;
  cursor: pointer;
}

button:hover {
  width: 30px;
  height: 30px;
}

.btn.active {
  border: 3px solid black !important;
}