.book-wrapper{position:relative;width:20rem;height:25rem;border:2px solid var(--outline);border-radius:.8rem;transition:.2s ease;box-shadow:0 0 10px rgba(0,0,0,.5);cursor:pointer;font-family:"Poppins",sans-serif;margin:2rem;overflow:hidden}.book-wrapper .book-image{width:100%;height:100%}.book-wrapper .book-image img{z-index:10;width:100%;height:100%;border-radius:.8rem}.book-wrapper .book-info{transition:.2s ease;z-index:-10;position:relative;display:flex;flex-direction:column;box-shadow:0 0 10px rgba(0,0,0,.35);align-items:center;justify-content:center;border-radius:0 0 .8rem .8rem;background:var(--white);border-top:1px solid var(--outline);min-height:5rem}.book-wrapper .book-info h2{margin-bottom:.5rem;text-align:center;font-weight:700;font-size:1.25rem;text-overflow:ellipsis}.book-wrapper .book-info p{font-weight:600}.book-wrapper:hover{transform:scale(1.2)}.book-wrapper:hover .book-info{z-index:11;transform:translateY(-45px)}.header{background:linear-gradient(180deg,var(--header-lighter),var(--header-darker));position:-webkit-sticky;position:sticky;top:0;width:100%;padding:3rem 6rem;box-shadow:0 0 15px rgba(0,0,0,.5);display:flex;z-index:10;align-items:center;justify-content:space-between}.header .logo img{width:15rem}.header .new-book:hover{-webkit-filter:brightness(.8);filter:brightness(.8)}.header .new-book img{width:4.2rem;height:4.2rem}@media only screen and (max-width:768px){.header{padding:3rem}}.home .searchbar{margin:3.6rem 0;display:flex;justify-content:flex-end;align-items:center;padding-right:3.5rem}.home .searchbar input{border:2px solid var(--outline);outline:none;border-radius:.8rem;font-family:"Reem Kufi";font-size:2.4rem;color:var(--text);height:6rem;padding-left:1.3rem;width:58.3rem}.home .searchbar input::-webkit-input-placeholder{color:var(--text)}.home .searchbar input:-ms-input-placeholder{color:var(--text)}.home .searchbar input::placeholder{color:var(--text)}@media only screen and (max-width:768px){.home .searchbar{padding-right:0;justify-content:center}}@media only screen and (max-width:425px){.home .searchbar input{width:35rem;font-size:1.9rem}}@media only screen and (max-width:320px){.home .searchbar input{width:27.5rem;font-size:1.75rem}}.home .book-link{color:var(--black);text-decoration:none}.home .book-section{padding:2rem 0;display:flex;justify-content:center;flex-wrap:wrap}.no-books-found{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.no-books-found h1{font-family:"Poppins";font-weight:700;text-align:center;font-size:3rem;color:var(--outline)}.create{margin-top:7rem}.create h1{text-align:center;font-family:"Poppins",sans-serif;color:var(--outline);font-weight:400;font-size:4rem}.create .form{margin-top:6.5rem}.create .form .input-field{display:flex;justify-content:center;align-items:center;margin:1rem 0}.create .form .input-field input{border:2px solid var(--outline);border-radius:.8rem;height:5rem;outline:none;padding:1rem;font-family:"Poppins",sans-serif;font-size:2rem;width:60rem;color:var(--text)}.create .form .input-field input::-webkit-input-placeholder{color:var(--text)}.create .form .input-field input:-ms-input-placeholder{color:var(--text)}.create .form .input-field input::placeholder{color:var(--text)}.create .form .review-field{display:flex;justify-content:center;align-items:center}.create .form .review-field textarea{margin:1rem 0;font-size:2rem;width:60rem;font-family:"Poppins",sans-serif;color:var(--text);outline:none;padding:1rem;height:20rem;border-radius:.8rem;resize:none;border:2px solid var(--outline)}.create .form .review-field textarea::-webkit-input-placeholder{color:var(--text)}.create .form .review-field textarea:-ms-input-placeholder{color:var(--text)}.create .form .review-field textarea::placeholder{color:var(--text)}.create .submit{text-align:center;margin-top:4rem;margin-bottom:4rem}.create .submit button{background:linear-gradient(180deg,var(--header-lighter),var(--header-darker));color:var(--white);width:20rem;font-family:"Poppins",sans-serif;border:0;border-radius:5rem;padding:1rem;transition:.2s ease;cursor:pointer}.create .submit button:hover{-webkit-filter:brightness(1.2);filter:brightness(1.2)}@media only screen and (max-width:425px){.create .form .input-field input,.create .form .review-field textarea{width:35rem;font-size:1.5rem}}@media only screen and (max-width:375px){.create h1{font-size:3rem}.create .form .input-field input,.create .form .review-field textarea{width:27.5rem;font-size:1.5rem}}.edit{margin-top:7rem}.edit h1{text-align:center;font-family:"Poppins",sans-serif;color:var(--outline);font-weight:400;font-size:4rem}.edit .form{margin-top:6.5rem}.edit .form .input-field{display:flex;justify-content:center;align-items:center;margin:1rem 0}.edit .form .input-field input{border:2px solid var(--outline);border-radius:.8rem;height:5rem;outline:none;padding:1rem;font-family:"Poppins",sans-serif;font-size:2rem;width:60rem;color:var(--text)}.edit .form .input-field input::-webkit-input-placeholder{color:var(--text)}.edit .form .input-field input:-ms-input-placeholder{color:var(--text)}.edit .form .input-field input::placeholder{color:var(--text)}.edit .form .review-field{display:flex;justify-content:center;align-items:center}.edit .form .review-field textarea{margin:1rem 0;font-size:2rem;width:60rem;font-family:"Poppins",sans-serif;color:var(--text);outline:none;padding:1rem;height:20rem;border-radius:.8rem;border:2px solid var(--outline)}.edit .form .review-field textarea::-webkit-input-placeholder{color:var(--text)}.edit .form .review-field textarea:-ms-input-placeholder{color:var(--text)}.edit .form .review-field textarea::placeholder{color:var(--text)}.edit .submit{text-align:center;margin-top:4rem;margin-bottom:4rem}.edit .submit button{background:linear-gradient(180deg,var(--header-lighter),var(--header-darker));color:var(--white);width:20rem;font-family:"Poppins",sans-serif;border:0;border-radius:5rem;padding:1rem;transition:.2s ease;cursor:pointer}.edit .submit button:hover{-webkit-filter:brightness(1.2);filter:brightness(1.2)}@media only screen and (max-width:425px){.edit .form .input-field input,.edit .form .review-field textarea{width:35rem;font-size:1.5rem}}@media only screen and (max-width:375px){.edit h1{font-size:3rem}.edit .form .input-field input,.edit .form .review-field textarea{width:27.5rem;font-size:1.5rem}}.book-page{display:flex;flex-direction:column;align-items:center;font-family:"Poppins";text-align:center}.book-page h1{font-size:3rem;margin-top:2rem}.book-page h2{margin-top:2rem;font-size:2.5rem;font-weight:600}.book-page p{font-size:2rem;margin:1.5rem 0}.book-page p.review{max-width:80rem;margin-top:3rem}.book-page img{width:20rem;border-radius:.4rem;border:2px solid var(--outline);box-shadow:0 10px 15px rgba(0,0,0,.35)}.book-page .buttons{margin-top:2rem;margin-bottom:4rem;display:flex;flex-direction:row}.book-page .buttons button{margin:0 2rem;width:30rem;height:4rem;transition:.2s ease;border:0;border-radius:.8rem;color:#fff;font-family:"Poppins",sans-serif;cursor:pointer;box-shadow:0 0 10px rgba(0,0,0,.35)}.book-page .buttons .edit{background:var(--white);border:2px solid var(--outline);color:var(--outline);font-weight:700}.book-page .buttons .edit:hover{-webkit-filter:brightness(.8);filter:brightness(.8)}.book-page .buttons .delete{border:2px solid var(--outline);color:var(--white);background:var(--outline)}.book-page .buttons .delete:hover{-webkit-filter:brightness(1.2);filter:brightness(1.2)}@media only screen and (max-width:768px){.book-page p.review{max-width:60rem}}@media only screen and (max-width:425px){.book-page p.review{max-width:35rem}.book-page .buttons{display:flex;flex-direction:column;align-items:center}.book-page .buttons button{margin:1rem 0}}@media only screen and (max-width:375px){.book-page p.review{max-width:30rem}}@media only screen and (max-width:320px){.book-page .buttons button{width:25rem}}.loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.loading h1{font-family:"Poppins";font-weight:700;text-align:center;font-size:3rem;color:var(--outline)}*{margin:0;padding:0;box-sizing:border-box}html{font-size:62.5%}body.hidden{overflow:hidden}:root{--header-lighter:#925cea;--header-darker:#5a47cf;--text:#925cea;--outline:#21127c;--white:#fff;--black:#000;--grey:#333}::-webkit-scrollbar{width:.5rem;border-radius:0 .8rem .8rem 0}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#925cea,#5a47cf);background:linear-gradient(180deg,var(--header-lighter),var(--header-darker))}
/*# sourceMappingURL=main.00739ce2.chunk.css.map */