@import url(https://fonts.bunny.net/css?family=abeezee:400,400i);
@import url(https://fonts.bunny.net/css?family=akshar:400);
@import url(https://fonts.bunny.net/css?family=share-tech-mono:400);


.BookWrapper {

  position: relative;
  z-index: 0;

  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  overflow-x: auto;
  overflow-y: auto;

  margin-left: 2%;
  margin-right: 2%;

  background-color: lightskyblue;

  @media screen and (min-width: 1601px) and (max-width:1921px) {
    column-gap: 2rem;
  }
   @media screen and (min-width: 1537px) and (max-width:1600px) {
    column-gap: 0.5rem;
  }
  @media screen and (min-width: 1441px) and (max-width:1536px) {
    column-gap: 0rem;
  }
  @media screen and (min-width: 1367px) and (max-width:1440px) {
    column-gap: 4rem;
  }
  @media screen and (max-width:1366px) {
    column-gap: 3rem;
  }
}

.Recent {

  position: relative;
  z-index: 0;

  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  overflow-x: auto;
  overflow-y: auto;

  margin: 2% 2% 0% 2%;

  background-color: lightskyblue;

  @media screen and (max-width: 1024px) {
    column-gap: 1rem;
  }
  @media screen and (max-width: 975px) {
    column-gap: 9rem;
  }
  @media screen and (max-width: 769px) {
    column-gap: 3rem;
  }
}

.SectionTitle {

    font-family: 'Share Tech Mono', sans-serif;
    font-size: 1.5em;
    font-weight: 400;
    text-decoration: underline;

    margin-left: 2%;
}