@import url(../style.css);
.books {
  margin-top: 130px;
}
.books .top select {
  display: none;
  outline: none;
  border-radius: 10px;
  background-color: var(--cream);
  color: var(--brown);
  border: none;
  padding: 10px;
}
.books .top .category {
  margin-top: 30px;
  width: 100%;
}
.books .top .category ul {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 50px;
}
.books .top .category ul li {
  display: inline-block;
}
.books .top .category ul li button {
  outline: none;
  border: none;
  background-color: transparent;
  color: var(--light-gray);
  font-family: Steinbeck;
  font-size: 20px;
  font-weight: 400;
  cursor: pointer;
  transition: 0.5s;
}
.books .top .category ul li button:hover {
  color: var(--cream);
  transform: scale(1.2) translateY(-2px);
}/*# sourceMappingURL=books.css.map */