@import url(https://fonts.googleapis.com/css2?family=Maitree&family=Nunito+Sans:wght@300&display=swap);html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;line-height:1.15}body{margin:0}article,aside,footer,header,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figcaption,figure,main{display:block}main{min-height:88vh}figure{margin:1em 40px}hr{box-sizing:initial;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{-webkit-text-decoration-skip:objects;background-color:initial}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:inherit;font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-s-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{display:inline-block;vertical-align:initial}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item}canvas{display:inline-block}[hidden],template{display:none}html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}.sr-only{clip:rect(0 0 0 0);border:0;-webkit-clip-path:inset(100%);clip-path:inset(100%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}body,h2{font-family:Maitree,bold}h3{margin:0}button,input,li,p{font-family:Nunito Sans,normal}li{list-style:none}.wrapper{margin:0 auto;max-width:1600px;width:80%}button{background-color:#5da9c2;border:none;border-radius:5px;cursor:pointer;display:inline;height:32px;transition:.2s;width:80px}button:hover{box-shadow:5px 5px #305662}.logo{display:flex}.bookLogo{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin-right:10px;margin-top:18px;width:clamp(32px,10vw,70px)}.navBarContainer{display:flex;justify-content:space-between;margin-bottom:50px}.logoTitle{font-family:Maitree,bold;font-size:clamp(12px,5vw,30px)}.logoTitle,.menuNav{margin-top:20px}.menuNav{display:flex;font-family:Maitree;font-size:18px;justify-content:space-between;list-style:none;padding-top:8px;width:400px}.menuNav,.navLink{color:#000;text-decoration:none}.logoutBtn:hover,.navLink:hover{color:#ace8cd}.logoutBtn{background:none;display:flex;margin:0;padding:0}.form{align-items:center;background-color:#f4e6e8;border-bottom-left-radius:155px 125px;border-bottom-right-radius:38px 50px;border-top-left-radius:65px 70px;border-top-right-radius:40px 30px;display:flex;flex-direction:column;gap:20px;margin:40px auto 20vh;max-width:650px;padding:30px}.form input{border:1px solid #305662;border-radius:5px;height:32px;padding-left:10px;width:220px}.buttonActive,.form input:active,.form input:focus{background-color:#e0ffff}.instructionsSection{padding-top:100px}.instructions,.instructionsSection h2{text-align:center}.instructions{display:flex;justify-content:center;margin-bottom:20px}.instructionContainer{background-color:#f4e6e8;border-bottom-left-radius:40px 30px;border-bottom-right-radius:38px 50px;border-top-left-radius:65px 70px;border-top-right-radius:155px 125px;padding:30px;text-align:left;width:55%}.instructionContainer h3{margin-bottom:20px}.person1Img{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;left:-5px;position:relative;top:40px;width:250px}footer{background-color:#5da9c2;display:block;position:absolute;text-align:center;width:100vw}footer p{margin:0;padding:12px 10px 10px}footer svg{margin-inline:5px}.aboutContainer{display:flex;justify-content:center;margin-bottom:60px}.aboutContainer p{max-width:300px;text-align:center}.aboutTitle{margin:0 auto;text-align:center}@media (min-width:851px){.aboutContainer{display:grid;grid-template-columns:1fr 1fr}}.aboutContainer h2{text-align:center}.about{align-items:center;display:flex;flex-direction:column;margin:20px 0;padding:20px;position:relative}.about img{border-radius:50%;width:250px}.aboutButtons{bottom:-5%;display:flex;gap:25px;margin-left:-8px;padding-inline:20px;position:absolute}.aboutButtons a{color:#000;text-decoration:none}.aboutButtons button:nth-of-type(2){margin-left:20px}.aboutButtons a:hover{color:#ace8cd;text-decoration:none}@media (max-width:400px){.wrapper .instructionContainer{width:100%}}@media (max-width:614px){.bookCover{height:288px;width:180px}.bookCover .coverimg{margin:10px auto}.favouritesList{justify-content:space-around;padding-left:0}}@media (max-width:770px){.loginPage h2{margin:0 auto;padding:30px;text-align:center}.loginPage{padding:20px}}@media (min-width:1050px){.hamburgerMenu{background-color:none;display:none}button{font-size:1.2rem;padding:5px;width:100px}.form input,button{height:40px}}@media (max-width:1050px){.navBar{position:relative}.navBar button{background:transparent;border:none;box-shadow:none;color:#000;cursor:pointer;position:fixed;right:0;top:14px;z-index:10}.menuNav{background:#5da9c2;bottom:0;display:flex;flex-direction:column;font-family:Maitree;font-size:18px;height:100vh;justify-content:left;list-style:none;margin-top:0;overflow-y:hidden;padding:40px;position:fixed;right:-100px;text-decoration:none;top:0;width:0;z-index:1}.mdClose{margin:5px;z-index:10}.menuNav.showMenu{transition:.5s;width:350px}.navLink{color:#000;display:flex;font-weight:700;margin:20px;text-decoration:none;text-transform:uppercase;z-index:5}}.instructionContainer{margin:0 auto;width:100%}@media (min-width:1360px){.form input{margin-right:20px}}@media (max-width:1360px){.instructions{flex-direction:column}.instructions,.person1Img{display:flex;justify-content:center}.person1Img{left:0;margin:0 auto;top:30px}form{align-items:center;gap:10px;justify-content:center;width:40%}.searchBarForm,form{display:flex;flex-direction:column}.searchBarForm{justify-content:space-around;margin-top:5px;width:55%}}.aboutContainer{flex-wrap:wrap}.aboutContainer .about{align-items:center;display:flex;flex-direction:column;margin-bottom:80px}.loader{background:rgba(0,0,0,.834) url(https://media.giphy.com/media/fphXG8dDcRHVavls9o/giphy.gif) 50% no-repeat;height:200vh;left:0;position:absolute;top:15%;width:100vw;z-index:1}.loader:after{color:#fff;content:"loading...";display:block;font-family:Maitree,bold;font-size:100px;padding:20px;text-align:center}.details{margin-block:20vh}.details .wrapper{display:flex;justify-content:center}.bookDetailContainer{align-items:center;background-color:#f4e6e8;border-bottom-left-radius:40px 30px;border-bottom-right-radius:38px 50px;border-top-left-radius:65px 70px;border-top-right-radius:100px 80px;display:flex;flex-direction:column;gap:15px;padding:30px 70px}.details h2,h3{text-align:center}.detailContainer{display:flex;flex-direction:column;line-height:20px;padding-inline:25px;position:relative;text-align:justify}.detailContainer,.detailImgContainer{background-color:#fff;height:90%;max-height:460px;max-width:375px;min-width:295px}.descriptionContainer{height:100%;overflow:scroll;padding:12px}.detailImgContainer img{height:100%;width:100%}.backButton{border-radius:5px;cursor:pointer;position:absolute;right:2%;top:118%;transition:.2s}.favourited{background-color:#f4e6e8}.favourited:hover{box-shadow:5px 5px #5da9c2}.bookCover{height:360px;position:relative;width:225px}.bookCover .coverImg{height:100%;width:100%}.coverActive{opacity:.5}.loginSection{height:90vh}.loginPage{align-items:center;background-color:#f4e6e8;border-bottom-left-radius:155px 125px;border-bottom-right-radius:38px 50px;border-top-left-radius:65px 70px;border-top-right-radius:40px 30px;display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:100%}.loginContainer button{border:none;border-radius:10px;cursor:pointer;display:block;height:inherit;margin-block:20px;padding:15px;width:100%}.loginContainer{margin:0 auto;padding-top:20px}.person2Img{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:250px}.pagination{font-size:clamp(.8rem,2vw,2.2rem)}.pagination ul{display:flex;justify-content:center;padding-left:17px}.pagination li{list-style:none;margin-right:20px;transition:.3s}.pagination li:hover{border-bottom:1px solid #000;cursor:pointer}.pagination .selected{color:#5da9c2}.search{margin-bottom:60px}.search p{font-size:clamp(.8rem,2vw,2.2rem);text-align:center}.errorMessage{font-size:2rem;margin-bottom:80vh;text-align:center}.errorPage{margin-bottom:65vh;margin-top:300px;text-align:center}.searchedBooks{display:flex;flex-direction:row;flex-wrap:wrap;gap:60px;justify-content:space-around;margin-bottom:60px;padding:0}.favourites{align-items:center;display:flex;flex-direction:column}.favourites p{font-weight:700}.percentage{background-color:#ace8cd;border-radius:5px;padding:5px}.favouritesList{display:flex;flex-direction:row;flex-wrap:wrap;gap:15px;justify-content:space-around;margin-bottom:60px}.ratingContainer{background-color:#000;background:#5da9c2;border-radius:5px;color:#000;padding:2px;position:absolute;top:1%}.btnContainer{display:flex;flex-direction:row;justify-content:space-between;margin:10px 0 25px}@media (min-width:650px){.searchBarForm{flex-direction:row}.bookDetailContainer{flex-direction:row;gap:20px;max-width:1200px}}@media (min-width:100px){.detailContainer{max-width:500px}}@media (min-width:450px){.navBar button{font-size:1rem;right:38px;top:18px}}@media (min-width:600px){.navBar button{right:clamp(38px,12vw,90px);top:20px}}
/*# sourceMappingURL=main.d104664f.css.map*/