.dashboard {
  background-color: var(--lightGrayBlue);
}
.dashboard > h2 {
  padding: 50px 0 1rem 0;
}

.dashboard p {
  padding-bottom: 50px;
}

.dashboard .library-link {
  display: inline-block;
  padding: 0.15rem 0.35rem;
  background-color: var(--brightGreen);
}

.dashboard .library-link:hover {
  background-color: var(--darkGreen);
  color: white;
}

.my-books {
  padding-bottom: 4rem;
  -webkit-box-shadow: 0px 5px 5px 3px rgba(51, 51, 51, 0.3);
  -moz-box-shadow: 0px 5px 5px 3px rgba(51, 51, 51, 0.3);
  box-shadow: 0px 5px 5px 3px rgba(51, 51, 51, 0.3);
  background-color: var(--offwhite);
}

.my-books .header {
  padding-bottom: 60px;
}

.my-books .header h2 {
  padding: 2rem;
  border-bottom: 1px solid lightgray;
}

.my-books .my-books-buttons-container {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  max-width: 100%;
}

.my-books input[type='submit'],
.my-books .link-button {
  position: relative;
  display: inline-block;
  width: 100%;
  background-color: white;
  border: 1px solid var(--midBlack);
  transition: all 0.2s ease;
}

.my-books input[type='submit']:hover,
.my-books .link-button:hover {
  color: white;
  background-color: var(--midBlack);
}

.my-books > p,
.my-books .books {
  padding: 0 1.5rem 3rem 1.5rem;
}

.small-book-collection-container,
.swiper-container {
  max-width: 1000px;
}

.small-book-collection-container {
  width: 100%;
  display: flex;
  gap: 1.5rem;
}
.small-book-collection-container .single-book img {
  max-width: 100%;
}

.single-book,
.swiper-slide {
  position: relative;
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.single-book .overlay,
.swiper-slide .overlay {
  display: none;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  width: 300px;
  height: 100%;
  background-color: rgba(51, 51, 51, 0);
  transition: all 0.3s ease;
}

.single-book .overlay {
  width: 100%;
}

.single-book:hover .overlay,
.swiper-slide:hover .overlay {
  display: inline-flex;
  background-color: rgba(51, 51, 51, 0.3);
}