body{--topNavHeight: 4rem;overflow-y:scroll}.search__container{position:sticky;top:0;display:flex;justify-content:center;align-items:center;background:#fff;box-shadow:0 0 15px #0006}.search__container input{flex:1;height:var(--topNavHeight);padding:0 .5rem;border:none;text-align:center;font-size:1.3rem}.search__container button{height:3rem;display:block;margin:.2rem .2rem .2rem 0;padding:0 1rem;border-radius:.5rem;border:none;background-color:#00000021;cursor:pointer}.search__container button:hover{background-color:#0000000f}.search__container label{display:none}@media (max-width: 500px){.search__container{--topNavHeight: 3rem}.search__container input{font-size:1.1rem;text-align:left;padding-left:1rem}}.main{display:flex;flex-direction:column;align-items:center;padding:2rem 1rem}.main__info{display:flex;margin:0;padding:0;justify-content:center;align-items:center;height:70vh;font-size:2rem;text-align:center}.books__container{display:grid;gap:2rem;margin-inline:auto;max-width:600px;width:100%}.bookCard__container{display:flex;gap:1.5rem}.bookCard__img{--size: 150px;width:var(--size);height:var(--size);background-color:gray;border:1px solid grey;border-radius:1rem;overflow:hidden}.bookCard__img img{display:block;width:var(--size);height:var(--size);max-width:unset;object-fit:cover}.bookCard__container main{display:flex;flex-direction:column;flex:1}.bookCard__title{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.bookCard__duration{margin-left:.3rem;font-size:.8rem;font-weight:400}.bookCard__subtitle{margin-top:.2rem}.bookCard__services{display:flex;margin-top:.5rem;gap:.5rem}.bookCard__link{display:block;padding:.5rem 1rem;background-color:#0000000f;border-radius:.5rem;color:#000;text-decoration:none;text-transform:capitalize}.bookCard__link:hover{background-color:#00000021}@media (max-width: 500px){.books__container,.bookCard__container{gap:1rem}.bookCard__title{font-size:1rem}.bookCard__subtitle{font-size:.9rem}.bookCard__img{--size: 100px}.bookCard__link{padding:.5rem;font-size:.9rem}}@media (max-width: 360px){.bookCard__img{--size: 65px;height:130px}.bookCard__subtitle{font-size:.8rem}.bookCard__img img{height:130px}}