body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body,html{background:linear-gradient(182deg,#7f7e85,#fff);background-attachment:fixed;margin:0}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.main{background:linear-gradient(182deg,#7f7e85,#fff);background-attachment:fixed;height:100vh}.main-body{padding:30px;position:relative;transition:margin-left 1.5s ease,margin-top 1.5s ease;z-index:5}.main-body.side-adjusted{margin-left:190px}.main-body.top-adjusted{margin-top:220px}.formatShelf{width:200px}.mainBody{z-index:5}@-webkit-keyframes bookPulse{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes bookPulse{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}to{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes bounce{0%,20%,50%,80%,to{-webkit-transform:translateY(0) scale(1.04);transform:translateY(0) scale(1.04)}91%{-webkit-transform:translateY(0) scale(1.04);transform:translateY(0) scale(1.04)}94%{-webkit-transform:translateY(-15px) scale(1.04);transform:translateY(-15px) scale(1.04)}96%{-webkit-transform:translateY(0) scale(1.04);transform:translateY(0) scale(1.04)}98%{-webkit-transform:translateY(-6px) scale(1.04);transform:translateY(-6px) scale(1.04)}}@keyframes bounce{0%,20%,50%,80%,to{-webkit-transform:translateY(0) scale(1.04);transform:translateY(0) scale(1.04)}91%{-webkit-transform:translateY(0) scale(1.04);transform:translateY(0) scale(1.04)}94%{-webkit-transform:translateY(-15px) scale(1.04);transform:translateY(-15px) scale(1.04)}96%{-webkit-transform:translateY(0) scale(1.04);transform:translateY(0) scale(1.04)}98%{-webkit-transform:translateY(-6px) scale(1.04);transform:translateY(-6px) scale(1.04)}}.whole_book{display:inline-block;margin:10px;opacity:0;position:relative}.hover-effect{transition:-webkit-transform .3s,-webkit-filter .3s;transition:transform .3s,filter .3s;transition:transform .3s,filter .3s,-webkit-transform .3s,-webkit-filter .3s}.hover-effect:hover{-webkit-animation:bounce 5s infinite;animation:bounce 5s infinite;-webkit-filter:drop-shadow(5px 5px 15px #2e2e2e);filter:drop-shadow(5px 5px 15px rgb(46,46,46));-webkit-transform:scale(1.04);transform:scale(1.04);z-index:50}.book_image{border-radius:0 10px 10px 0;cursor:pointer;-webkit-filter:drop-shadow(3px 3px 6px #6d6d6dcc);filter:drop-shadow(3px 3px 6px #6d6d6dcc);width:150px}.unavailable_cover{color:#fefff2;cursor:pointer;font-size:18px;left:50%;position:absolute;text-align:center;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.like_circle{align-items:center;background:#f3af9d;border-radius:50%;color:#fff2f2;display:flex;font-size:25px;height:30px;justify-content:center;left:-5%;position:absolute;top:-3%;width:30px}.whole_book:hover .basic_info{height:auto;max-height:90px;-webkit-transform:translateY(-40%);transform:translateY(-40%)}.basic_info{background:rgba(204,204,215,.95);border-radius:10px;left:-4%;max-height:50px;min-height:50px;overflow-y:scroll;padding:5px;position:absolute;top:80%;-webkit-transform:translateY(0);transform:translateY(0);transition:max-height .5s ease,-webkit-transform .5s ease;transition:transform .5s ease,max-height .5s ease;transition:transform .5s ease,max-height .5s ease,-webkit-transform .5s ease;width:130px}.basic_info::-webkit-scrollbar{display:none}.title-format{font-weight:700}.author-format{font-family:ui-serif;font-size:14px}@-webkit-keyframes slideInFromRight{0%{opacity:1;-webkit-transform:translateX(1000px) rotate(-3deg);transform:translateX(1000px) rotate(-3deg)}50%{opacity:1;-webkit-transform:translateX(50px) rotate(-1deg);transform:translateX(50px) rotate(-1deg)}to{opacity:1;-webkit-transform:translateX(0) rotate(0);transform:translateX(0) rotate(0)}}@keyframes slideInFromRight{0%{opacity:1;-webkit-transform:translateX(1000px) rotate(-3deg);transform:translateX(1000px) rotate(-3deg)}50%{opacity:1;-webkit-transform:translateX(50px) rotate(-1deg);transform:translateX(50px) rotate(-1deg)}to{opacity:1;-webkit-transform:translateX(0) rotate(0);transform:translateX(0) rotate(0)}}@-webkit-keyframes slideOutToLeft{0%{opacity:1;-webkit-transform:translateX(0) rotate(0);transform:translateX(0) rotate(0)}50%{opacity:1;-webkit-transform:rotate(1deg);transform:rotate(1deg)}to{opacity:0;-webkit-transform:translateX(1000px) rotate(3deg);transform:translateX(1000px) rotate(3deg)}}@keyframes slideOutToLeft{0%{opacity:1;-webkit-transform:translateX(0) rotate(0);transform:translateX(0) rotate(0)}50%{opacity:1;-webkit-transform:rotate(1deg);transform:rotate(1deg)}to{opacity:0;-webkit-transform:translateX(1000px) rotate(3deg);transform:translateX(1000px) rotate(3deg)}}@-webkit-keyframes simpleSlideInLeft{0%{opacity:0;-webkit-transform:translateX(-1000px);transform:translateX(-1000px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes simpleSlideInLeft{0%{opacity:0;-webkit-transform:translateX(-1000px);transform:translateX(-1000px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes simpleSlideOutLeft{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}to{opacity:0;-webkit-transform:translateX(-1000px);transform:translateX(-1000px)}}@keyframes simpleSlideOutLeft{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}to{opacity:0;-webkit-transform:translateX(-1000px);transform:translateX(-1000px)}}@-webkit-keyframes simpleSlideDown{0%{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0);-webkit-transform:translateY(-500px);transform:translateY(-500px)}to{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0);-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes simpleSlideDown{0%{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0);-webkit-transform:translateY(-500px);transform:translateY(-500px)}to{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0);-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes simpleSlideUp{0%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(-500px);transform:translateY(-500px)}}@keyframes simpleSlideUp{0%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(-500px);transform:translateY(-500px)}}.slide-in-right{-webkit-animation:simpleSlideDown 1s ease-in-out forwards;animation:simpleSlideDown 1s ease-in-out forwards}.slide-out-right{-webkit-animation:simpleSlideUp .5s ease-in-out forwards;animation:simpleSlideUp .5s ease-in-out forwards}.block-text{background-color:#cecadf59;border-radius:15px;box-shadow:4px 4px 10px 0 #00000033;max-width:500px;padding:1px 20px 10px 30px;-webkit-transform:translateX(-700px);transform:translateX(-700px);transition:-webkit-transform 1s ease-in-out;transition:transform 1s ease-in-out;transition:transform 1s ease-in-out,-webkit-transform 1s ease-in-out}.slide-in{-webkit-animation:simpleSlideInLeft 1s ease-in-out forwards;animation:simpleSlideInLeft 1s ease-in-out forwards}.slide-out{-webkit-animation:simpleSlideOutLeft 1s ease-in-out forwards;animation:simpleSlideOutLeft 1s ease-in-out forwards}.settle-overflow{overflow-x:clip}.shelf-container{position:relative}.shelf-title{border-radius:5px;color:#ffffffb5;font-size:25px;left:40px;opacity:0;padding:0 10px;position:absolute;text-shadow:1px 1px 5px #000000ba;top:32px;z-index:20}.shelf-title:after{bottom:-2px;box-shadow:20px -3px 7px 1px #000;content:"";height:0;left:0;position:absolute;width:70%}.book_row{-ms-overflow-style:none;align-items:center;display:flex;flex-wrap:nowrap;margin-bottom:-70px;margin-top:-30px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 0,#000 95%,transparent);min-height:250px;overflow-x:auto;overflow-y:hidden;padding-bottom:40px;padding-top:60px;position:relative;scrollbar-width:none}.book_row::-webkit-scrollbar{display:none}@-webkit-keyframes slideOut{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(1500px);transform:translateX(1500px)}}@keyframes slideOut{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(1500px);transform:translateX(1500px)}}.book_row.close{-webkit-animation:slideOut 1s ease-out forwards;animation:slideOut 1s ease-out forwards}@-webkit-keyframes slide-from-left{0%{-webkit-transform:translateX(-700px);transform:translateX(-700px)}30%{-webkit-transform:translateX(-700px);transform:translateX(-700px)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slide-from-left{0%{-webkit-transform:translateX(-700px);transform:translateX(-700px)}30%{-webkit-transform:translateX(-700px);transform:translateX(-700px)}to{-webkit-transform:translateX(0);transform:translateX(0)}}.purplish{background-color:#9691a58c}.infinite-scroll-component{overflow:visible!important;overflow:initial!important}.genreContainer{align-items:center;background-color:#4c3b6399;border-radius:25px;display:flex;margin:0 3%;min-height:280px;min-width:500px;padding:1px 0 60px 10px}.allBookMainBody{padding-top:50px}.genreLeft{border-radius:10px;color:#ffe6ef;height:auto;margin-top:40px;min-width:150px;padding:20px}.genreRight{padding-left:10px;padding-right:10px;width:80%}.dropdown{display:inline-block;position:relative;width:100%}.dropdown button{background-color:#3d334a;border:initial;border-radius:5px;box-shadow:2px 1px 11px 0 #00000082;color:#faebff;font-size:20px;width:100%}.dropdown button:hover{background-color:#645676;cursor:pointer}.dropdown-content{align-items:center;display:flex;flex-direction:column;height:100%;max-height:0;overflow-y:auto;transition:max-height .5s ease-out;width:100%}.dropdown-content.open{max-height:170px;transition:max-height .5s ease-in-out}.dropdown-content::-webkit-scrollbar{display:none}.dropdown-item{background-color:#e6dbf1;border-radius:5px;color:#000;margin-top:5px;min-width:80%;padding:2px;text-align:center}.dropdown-item:hover{background-color:#efeaf3;cursor:pointer;-webkit-transform:scale(1.1);transform:scale(1.1);transition:-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out;transition:transform .2s ease-in-out,-webkit-transform .2s ease-in-out}.header{align-items:center;background-color:#fff;background:linear-gradient(220deg,#181829,#83878e);background-attachment:fixed;box-shadow:0 0 10px rgba(0,0,0,.1);display:flex;height:200px;justify-content:flex-end;left:0;margin-bottom:20px;padding:0 20px;position:absolute;right:0;top:0;-webkit-transform:translateX(0);transform:translateX(0);transition:-webkit-transform 1.5s ease;transition:transform 1.5s ease;transition:transform 1.5s ease,-webkit-transform 1.5s ease;z-index:15}.header.closed{-webkit-transform:translateX(-1500px);transform:translateX(-1500px)}.underHeader{background-color:#fff;background:linear-gradient(220deg,#21212d,#a0a3a8);background-attachment:fixed;box-shadow:0 0 10px rgba(0,0,0,.1);height:250px;left:0;margin-bottom:20px;position:fixed;right:0;top:0;-webkit-transform:translateX(0);transform:translateX(0);transition:-webkit-transform 1.5s ease;transition:transform 1.5s ease;transition:transform 1.5s ease,-webkit-transform 1.5s ease;z-index:10}.underHeader.closed{-webkit-transform:translateX(-100%);transform:translateX(-100%)}.home-align{align-items:normal;display:flex;justify-content:space-between;width:100%}.home-book{-webkit-animation:home-pulse 5s ease-in-out infinite;animation:home-pulse 5s ease-in-out infinite}.home-book:hover{-webkit-animation:none 0s ease 0s 1 normal none running;animation:none 0s ease 0s 1 normal none running;-webkit-animation:initial;animation:initial;cursor:pointer;-webkit-filter:drop-shadow(5px 5px 10px #959595);filter:drop-shadow(5px 5px 10px rgb(149,149,149));-webkit-transform:scale(1.1);transform:scale(1.1);transition:-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out;transition:transform .2s ease-in-out,-webkit-transform .2s ease-in-out}@-webkit-keyframes home-pulse{0%{-webkit-filter:drop-shadow(5px 5px 10px #3f3f3f);filter:drop-shadow(5px 5px 10px rgb(63,63,63));-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-filter:drop-shadow(10px 10px 15px #000);filter:drop-shadow(10px 10px 15px rgb(0,0,0));-webkit-transform:scale(1.04);transform:scale(1.04)}to{-webkit-filter:drop-shadow(5px 5px 10px #3f3f3f);filter:drop-shadow(5px 5px 10px rgb(63,63,63));-webkit-transform:scale(1);transform:scale(1)}}@keyframes home-pulse{0%{-webkit-filter:drop-shadow(5px 5px 10px #3f3f3f);filter:drop-shadow(5px 5px 10px rgb(63,63,63));-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-filter:drop-shadow(10px 10px 15px #000);filter:drop-shadow(10px 10px 15px rgb(0,0,0));-webkit-transform:scale(1.04);transform:scale(1.04)}to{-webkit-filter:drop-shadow(5px 5px 10px #3f3f3f);filter:drop-shadow(5px 5px 10px rgb(63,63,63));-webkit-transform:scale(1);transform:scale(1)}}.headerContainer{align-items:center;-webkit-animation:pulse 3s ease-in-out infinite;animation:pulse 3s ease-in-out infinite;color:#d7eafb;display:flex;flex-direction:column;font-size:15px}.headerContainer:hover{-webkit-animation:none 0s ease 0s 1 normal none running;animation:none 0s ease 0s 1 normal none running;-webkit-animation:initial;animation:initial;cursor:pointer;-webkit-filter:drop-shadow(5px 5px 10px #7c7c7c);filter:drop-shadow(5px 5px 10px rgb(124,124,124));-webkit-transform:scale(1.1);transform:scale(1.1);transition:-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out;transition:transform .2s ease-in-out,-webkit-transform .2s ease-in-out}.headerImage{-webkit-filter:drop-shadow(5px 5px 10px #000);filter:drop-shadow(5px 5px 10px black)}.headerImage.clicked{-webkit-filter:drop-shadow(5px 5px 10px #a1a1a1);filter:drop-shadow(5px 5px 10px rgb(161,161,161));-webkit-transform:scale(1.2);transform:scale(1.2)}.selfContained{align-items:center;display:flex}.headerContainer .tooltipText{background-color:#2c2c2cc7;border-radius:6px;color:#fff;padding:5px 0;text-align:center;visibility:hidden;width:120px}.headerContainer:hover .tooltipText{visibility:visible!important}@-webkit-keyframes pulse{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.05);transform:scale(1.05)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes pulse{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.05);transform:scale(1.05)}to{-webkit-transform:scale(1);transform:scale(1)}}.home-book{cursor:pointer;padding:40px;width:140px}.sidebar{align-items:center;background:linear-gradient(220deg,#181829,#83878e);background-attachment:fixed;box-shadow:0 0 10px rgba(0,0,0,.1);display:flex;flex-direction:column;height:100vh;justify-content:space-evenly;left:0;overflow-x:hidden;padding:20px 0;position:fixed;top:0;-webkit-transform:translateY(0);transform:translateY(0);transition:-webkit-transform 1s ease;transition:transform 1s ease;transition:transform 1s ease,-webkit-transform 1s ease;width:200px;z-index:10}.sidebar.closed{-webkit-transform:translateY(-100%);transform:translateY(-100%)}.sideBarBehind{background:linear-gradient(213deg,#2a2a3a,#b5b7b8);background-attachment:fixed;box-shadow:0 0 10px rgba(0,0,0,.1);height:100vh;left:0;overflow-x:hidden;position:fixed;top:0;-webkit-transform:translateY(0);transform:translateY(0);transition:-webkit-transform 2s ease;transition:transform 2s ease;transition:transform 2s ease,-webkit-transform 2s ease;width:220px;z-index:5}.backDrop,.sideBarBehind.closed{-webkit-transform:translateY(-100%);transform:translateY(-100%)}.backDrop{background:linear-gradient(141deg,#8e8e92,#d5d7d8);background-attachment:fixed;box-shadow:0 0 10px rgba(0,0,0,.1);height:100vh;left:0;overflow-x:hidden;position:fixed;top:0;transition:-webkit-transform 2s ease;transition:transform 2s ease;transition:transform 2s ease,-webkit-transform 2s ease;width:250px;z-index:0}.backDrop.open{-webkit-transform:translateY(0);transform:translateY(0)}
/*# sourceMappingURL=main.4eba1d1f.css.map*/