@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700;800&display=swap);@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;500&display=swap);body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}*{font-family:"Montserrat",sans-serif;overflow:hidden;box-sizing:border-box}body,input{font-family:"Poppins",sans-serif}.container{position:relative;width:100%;background-color:#fff;min-height:100vh;overflow:hidden}.forms-container{position:absolute;width:100%;height:100%;top:0;left:0}.signin-signup{position:absolute;top:50%;transform:translate(-50%,-50%);left:75%;width:50%;transition:1s ease-in-out .7s;display:grid;grid-template-columns:1fr;z-index:5}form{display:flex;align-items:center;justify-content:center;flex-direction:column;padding:0 5rem;transition:all .2s .7s;overflow:hidden;grid-column:1/2;grid-row:1/2}form.sign-up-form{opacity:0;z-index:1}form.sign-in-form{z-index:2}.title{font-size:2.2rem;color:#444;margin-bottom:10px}.input-field{max-width:380px;width:100%;background-color:#f0f0f0;margin:10px 0;height:55px;border-radius:55px;display:grid;grid-template-columns:15% 85%;padding:0 .4rem;position:relative}.input-field i{text-align:center;line-height:55px;color:#acacac;transition:.5s;font-size:1.1rem}.input-field input{background:none;outline:none;border:none;line-height:1;font-weight:600;font-size:1.1rem;color:#333}.input-field input::-webkit-input-placeholder{color:#aaa;font-weight:500}.input-field input:-ms-input-placeholder{color:#aaa;font-weight:500}.input-field input::-ms-input-placeholder{color:#aaa;font-weight:500}.input-field input::placeholder{color:#aaa;font-weight:500}.social-text{padding:.7rem 0;font-size:1rem}.social-icon,.social-media{display:flex;justify-content:center}.social-icon{height:46px;width:46px;align-items:center;margin:0 .45rem;color:#333;border-radius:50%;border:1px solid #333;text-decoration:none;font-size:1.1rem;transition:.3s}.social-icon:hover{color:#4481eb;border-color:#4481eb}.btn{width:150px;background-color:#5995fd;border:none;outline:none;height:49px;border-radius:49px;color:#fff;text-transform:uppercase;font-weight:600;margin:10px 0;cursor:pointer;transition:.5s}.btn:hover{background-color:#4d84e2}.panels-container{position:absolute;height:100%;width:100%;top:0;left:0;display:grid;grid-template-columns:repeat(2,1fr)}.container:before{content:"";position:absolute;height:2000px;width:2000px;top:-10%;right:48%;transform:translateY(-50%);background-image:linear-gradient(-45deg,#4481eb,#04befe);transition:1.8s ease-in-out;border-radius:50%;z-index:6}.image{width:100%;transition:transform 1.1s ease-in-out;transition-delay:.4s}.panel{display:flex;flex-direction:column;align-items:flex-end;justify-content:space-around;text-align:center;z-index:6}.left-panel{pointer-events:all;padding:3rem 17% 2rem 12%}.right-panel{pointer-events:none;padding:3rem 12% 2rem 17%}.panel .content{color:#fff;transition:transform .9s ease-in-out;transition-delay:.6s}.panel h3{font-weight:600;line-height:1;font-size:1.5rem}.panel p{font-size:.95rem;padding:.7rem 0}.btn.transparent{margin:0;background:none;border:2px solid #fff;width:130px;height:41px;font-weight:600;font-size:.8rem}.right-panel .content,.right-panel .image{transform:translateX(800px)}.container.sign-up-mode:before{transform:translate(100%,-50%);right:52%}.container.sign-up-mode .left-panel .content,.container.sign-up-mode .left-panel .image{transform:translateX(-800px)}.container.sign-up-mode .signin-signup{left:25%}.container.sign-up-mode form.sign-up-form{opacity:1;z-index:2}.container.sign-up-mode form.sign-in-form{opacity:0;z-index:1}.container.sign-up-mode .right-panel .content,.container.sign-up-mode .right-panel .image{transform:translateX(0)}.container.sign-up-mode .left-panel{pointer-events:none}.container.sign-up-mode .right-panel{pointer-events:all}@media (max-width:870px){.container{min-height:800px;height:100vh}.signin-signup{width:100%;top:95%;transform:translate(-50%,-100%);transition:1s ease-in-out .8s}.container.sign-up-mode .signin-signup,.signin-signup{left:50%}.panels-container{grid-template-columns:1fr;grid-template-rows:1fr 2fr 1fr}.panel{flex-direction:row;justify-content:space-around;align-items:center;padding:2.5rem 8%;grid-column:1/2}.right-panel{grid-row:3/4}.left-panel{grid-row:1/2}.image{width:200px;transition:transform .9s ease-in-out;transition-delay:.6s}.panel .content{padding-right:15%;transition:transform .9s ease-in-out;transition-delay:.8s}.panel h3{font-size:1.2rem}.panel p{font-size:.7rem;padding:.5rem 0}.btn.transparent{width:110px;height:35px;font-size:.7rem}.container:before{width:1500px;height:1500px;transform:translateX(-50%);left:30%;bottom:68%;right:auto;top:auto;transition:2s ease-in-out}.container.sign-up-mode:before{transform:translate(-50%,100%);bottom:32%;right:auto}.container.sign-up-mode .left-panel .content,.container.sign-up-mode .left-panel .image{transform:translateY(-300px)}.container.sign-up-mode .right-panel .content,.container.sign-up-mode .right-panel .image{transform:translateY(0)}.right-panel .content,.right-panel .image{transform:translateY(300px)}.container.sign-up-mode .signin-signup{top:5%;transform:translate(-50%)}}@media (max-width:570px){form{padding:0 1.5rem}.image{display:none}.panel .content{padding:.5rem 1rem}.container{padding:1.5rem}.container:before{bottom:72%;left:50%}.container.sign-up-mode:before{bottom:28%;left:50%}}.login_btn input{margin-right:20px}#message{padding-left:150px;margin-top:10px;color:#4d84e2}.loader{width:20px;height:20px;color:#3498db;border-radius:50%;border:5px solid;border-top:5px solid transparent;-webkit-animation:loader 1.2s linear infinite;animation:loader 1.2s linear infinite}@-webkit-keyframes loader{25%{color:#2ecc71}50%{color:#f1c40f}75%{color:#e74c3c}to{transform:rotate(1turn)}}@keyframes loader{25%{color:#2ecc71}50%{color:#f1c40f}75%{color:#e74c3c}to{transform:rotate(1turn)}}.loader-container{display:inline-block;margin-top:30px;margin-left:20px;width:20px}*{padding:0;margin:0}:root{--first-color:#3664f4;--dark-color:#070d1f;--dark-color-alt:#282b3a;--white-color:#e6e7e9;--body-font:"Poppins",sans-serif;--normal-font-size:.938rem;--small-font-size:.813rem}@media screen and (min-width:768px){:root{--normal-font-size:1rem;--small-font-size:.875rem}}:root{--z-fixed:100}*,:after,:before{box-sizing:border-box}body{margin:var(--header-height) 0 0 0;font-family:"Poppins",sans-serif;font-family:var(--body-font);font-size:.938rem;font-size:var(--normal-font-size);font-weight:500}ul{margin:0;padding:0;list-style:none}a{text-decoration:none}img{max-width:100%;height:auto}.bd-grid{max-width:1024px;display:-ms-grid;display:grid;-ms-grid-columns:100%;grid-template-columns:100%;margin-left:1.5rem;margin-right:1.5rem}.header{width:100%;position:fixed;top:0;left:0;background-color:#070d1f;background-color:var(--dark-color);z-index:100;z-index:var(--z-fixed);display:flex;justify-content:space-between;align-items:center;padding:10px 0}.header__logo,.header__toggle{color:#e6e7e9;color:var(--white-color)}.header__toggle{font-size:1.5rem;cursor:pointer}@media screen and (max-width:768px){.nav{display:flex;justify-content:center;position:fixed;top:0;left:-100%;background-color:#070d1f;background-color:var(--dark-color);color:#e6e7e9;color:var(--white-color);width:100%;height:100vh;padding:1.5rem 0;z-index:1000;transition:.5s}.nav__item>a:hover{color:#3664f4;transition-timing-function:ease-out;transition-duration:.1s}.nav__profile{margin-left:40px}.nav__img{margin-left:10px}}.nav__content{height:100%;-ms-grid-rows:max-content 1fr max-content;grid-template-rows:-webkit-max-content 1fr -webkit-max-content;grid-template-rows:max-content 1fr max-content;grid-row-gap:2rem;row-gap:2rem}.nav__close{position:absolute;right:1.5rem;font-size:1.3rem;padding:.25rem;background-color:#282b3a;background-color:var(--dark-color-alt);border-radius:50%;cursor:pointer}.nav__img{display:flex;justify-content:center;padding-top:.25rem;margin-bottom:.8rem;width:56px;height:56px;border-radius:50%;overflow:hidden}.nav__img img{width:46px}.nav__name{display:block;color:#e6e7e9;color:var(--white-color)}.nav__profesion{font-size:.813rem;font-size:var(--small-font-size)}.nav__menu{-ms-grid-row-align:center;align-self:center}.nav__item{margin:2rem 0;padding-top:10px;padding-bottom:10px}.nav__link{color:#e6e7e9;color:var(--white-color)}.nav__title{padding-top:.5rem}.nav__title>h1{color:#fff;font-size:x-large}.nav__title-icon{font-size:1.2rem;color:#e6e7e9;color:var(--white-color);margin-right:1rem}.nav__title-icon:hover{color:#3664f4;color:var(--first-color)}.show{left:0}.active{color:#3664f4;color:var(--first-color)}@media screen and (min-width:768px){body{margin:0}.header{height:calc(var(--header-height) + 1rem)}.header__logo,.header__toggle{display:none}.nav{width:100%}.nav__content{-ms-grid-columns:(max-content)[3];grid-template-columns:repeat(3,-webkit-max-content);grid-template-columns:repeat(3,max-content);-ms-grid-rows:1fr;grid-template-rows:1fr;-webkit-column-gap:1rem;grid-column-gap:1rem;column-gap:1rem;justify-content:space-between}.nav__close,.nav__profesion{display:none}.nav__profile{display:flex;align-items:center}.nav__img{width:32px;height:32px;margin-right:.5rem;margin-bottom:0;align-items:center}.nav__list{display:flex}.nav__item{margin:0 .25rem}.nav__link{padding:.5rem .8rem;border-radius:.25rem}.active,.nav__link:hover{background-color:#3664f4;background-color:var(--first-color)}.active{color:#e6e7e9;color:var(--white-color)}}@media screen and (min-width:1024px){.bd-grid{margin-left:auto;margin-right:auto}}.HomeContent{margin-top:0;background-image:url(/static/media/background.90fae1d1.jpg);width:100%;min-height:100vh;overflow:hidden;background-size:cover}.bottom__content{color:#fff}.bottom__content>.tagline{text-transform:uppercase;font-size:1rem;font-weight:lighter;margin-bottom:1rem}.bottom__content>.title{font-size:3rem;margin-bottom:2rem;color:#fff}.bottom__content>.message{font-size:1.4rem;margin-bottom:3rem}.bottom__content>.icons{display:flex}.bottom__content>.icons,a,i{color:#fff;cursor:pointer}@media screen and (max-width:768px){.top__content>h1{text-align:"center"}.bottom__content>.tagline{font-size:1rem}.bottom__content>.title{font-size:2rem}.bottom__content>.message{font-size:1rem}}.searchBook{display:flex;flex-direction:column;position:relative;margin-top:63px}.searchBook__top{display:flex;margin:0 auto auto;width:99%;height:100px;align-items:center;justify-content:center}.searchBook__bottom{display:flex;justify-content:space-around;flex-flow:wrap;margin:10px auto auto;width:99%;height:73vh;border-radius:1rem;background:rgb(115 115 115/30%);background:linear-gradient(135deg,hsla(0,0%,100%,.3),rgb(120 120 120/30%) 42%,rgb(51 51 51/30%));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgb(122 122 122/30%);overflow-y:scroll;padding:10px}.overlayer{height:100vh;background:url(/static/media/background.90fae1d1.jpg) 50%/cover;overflow:hidden;-webkit-animation:hue 9s infinite alternate;animation:hue 9s infinite alternate}.overlayer,.overlayer:after{width:100%;position:absolute}.overlayer:after{content:"";height:100%;background:inherit;top:0;left:0;-webkit-filter:blur(2rem);filter:blur(2rem);z-index:-1;transform:scale(1.15)}@-webkit-keyframes hue{0%{-webkit-filter:hue-rotate(0);filter:hue-rotate(0)}to{-webkit-filter:hue-rotate(1turn);filter:hue-rotate(1turn)}}@keyframes hue{0%{-webkit-filter:hue-rotate(0);filter:hue-rotate(0)}to{-webkit-filter:hue-rotate(1turn);filter:hue-rotate(1turn)}}.search__input{display:flex;align-items:center;padding:10px;border-radius:1.5rem;background:rgb(115 115 115/30%);background:linear-gradient(135deg,hsla(0,0%,100%,.3),rgb(120 120 120/30%) 42%,rgb(51 51 51/30%));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgb(122 122 122/30%)}.search__input>input{background-color:transparent;border:none;outline:none;color:#fff;margin-left:10px;padding-right:70px;letter-spacing:3px}.search__input>input::-webkit-input-placeholder{color:#fff}.search__input>input:-ms-input-placeholder{color:#fff}.search__input>input::-ms-input-placeholder{color:#fff}.search__input>input::placeholder{color:#fff}.search__Icon{color:#fff;display:inline}@media screen and (max-width:768px){.searchBook{margin-top:50px}.searchBook__bottom{display:flex;justify-content:center;height:80vh}.search__input>input{padding-right:0}}.bookItems{margin-left:15px;margin-right:15px;width:300px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin-top:15px;border-radius:15px;background:rgb(115 115 115/30%);background:linear-gradient(135deg,hsla(0,0%,100%,.3),rgb(120 120 120/30%) 42%,rgb(51 51 51/30%));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgb(122 122 122/30%)}.bookItems__top{color:#fff;padding:5px;text-align:center}.bookItems__bottom>p{color:#fff;margin-bottom:5px;padding:5px 10px;text-align:center}.bookItems__image>img{width:100%;height:250px}.bookItems__options{border-top:1px solid hsla(0,0%,100%,.3);display:flex;justify-content:space-evenly;font-size:medium;color:#fff;cursor:pointer;padding:10px}.bookItems__option>button{text-decoration:none;color:#fff;display:flex;align-items:center;justify-content:center;padding:5px 10px;border-radius:1.5rem;flex:1 1;font-size:.72rem;cursor:pointer}.bookItems__option>p{margin-left:1px}.bookItems__option:hover{border-radius:1px}@media screen and (max-width:768px){.bookItems{margin-left:10px}}.adminHome{width:100%;height:100vh;background-image:url(https://images.unsplash.com/photo-1605485090379-ca5c8501c9ec?auto=format&fit=crop&ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&q=80&w=1510);background-size:cover}
/*# sourceMappingURL=main.bcbb82b3.chunk.css.map */