* {
   margin: 0;
   padding: 0;
   box-sizing: border-box;
}

body {
   font-family: 'Libre Baskerville', serif;
   font-family: 'Montserrat', sans-serif;
   font-weight: 500;
   background-image: url('https://img.freepik.com/free-photo/open-book-with-fairytale-scene_52683-107843.jpg?w=1060&t=st=1693045422~exp=1693046022~hmac=c8514a4d4b5cc143bec452561436d5392b02c3d3b426bfb6af95134c79914519');
}

.btn:focus,
.form-control:focus {
   outline: 0;
   box-shadow: 0 0 0 0rem rgba(113, 13, 253, 0.25) !important;
}

#mainSection {
   display: flex;
   align-items: center;
   height: 100vh;
}
#mainDiv {
   width: 100%;
   height: 100%;
   padding: 15px;
   /* overflow: hidden; */
}

/* header area start here */
.header {
   display: flex;
   padding: 15px;
}
.header .part2 {
   margin-left: auto;
   display: flex;
   align-items: center;
}
.header .part2 .profile {
   width: 48px;
   height: 48px;
   border-radius: 100px;
}
.header .part2 a img {
   width: 24px;
}
.header .part2 a {
   margin: 0 10px;
}
.header .part2 a:last-child {
   margin-right: 0;
}

/* section header part */
.header-text h1 {
   font-family: 'Libre Baskerville', serif;
   color: white;
   font-size: 48px;
   font-weight: 600;
   margin-bottom: 15px;
}
.header-text p {
   color: white;
   margin-bottom: 15px;
}
.header-text .input-group {
   max-width: 500px;
   margin: auto;
   margin-top: 30px;
   margin-bottom: 30px;
   border-radius: 100px;
   background: #fff;
   overflow: hidden;
}
.header-text .input-group .form-control {
   height: 60px;
   border: none;
   background: #fff;
}
.header-text .input-group .btn {
   background: none;
   border: none;
   padding: 0;
   padding-left: 25px;
   padding-top: 5px;
   padding-right: 5px;
}
.header-text .input-group .btn .fas {
   color: white;
   font-size: 20px;
}

/* book container start here */
#bookContainer {
   /* overflow-y: auto;
   height: 600px; */
}
#bookContainer::-webkit-scrollbar {
   width: 0px;
   height: 10px;
}
.book-box {
   display: flex;
   align-items: flex-end;
   margin-bottom: 30px;
}
.book-box .book-img {
   min-width: 160px;
   min-height: 200px;
   max-width: 160px;
   max-height: 200px;
   margin-right: 15px;
   /* box-shadow: 10px 10px 50px -35px; */
   border: 2px solid #fff;
}
.book-box .book-info .title {
   font-family: 'Libre Baskerville', serif;
}
.book-box .book-info p {
   font-size: 14px;
}

/* not found area start here */
#notFound {
   text-align: center;
   width: 300px;
   margin: auto;
   display: none;
}
#notFound h5 {   
   font-family: 'Libre Baskerville', serif;
   font-weight: 600;
}

/* loader */
#loader {
   display: none;
   margin-top: 35px;
   color: #fff;
}

/* responsive media queries */
@media (max-width: 576px) {
   #mainDiv {
      padding: 0;
   }
   .header {
      margin-bottom: 30px;
   }
   .header-text h1 {
      font-size: 32px;
   }
   .header-text p {
      margin-bottom: 0;
   }
}