@import url(https://fonts.googleapis.com/css?family=Playfair+Display|Roboto);body{margin:0;padding: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}*{margin:0;padding:0;box-sizing:border-box}:root{--blue:#3d5a80;--pale-blue:#e0fbfc;--light-red:#ee6c4d;--black:#293241;--main-font-size:20px;--main-padding:15px;--main-margin:15px;--big-padding:25px;--big-margin:25px;--heading:"Playfair Display",serif;--main:"Roboto",sans-serif}body{font-size:20px;font-size:var(--main-font-size);color:#293241;color:var(--black);font-family:Roboto,sans-serif;background-color:#efefef}h2{font-family:Playfair Display,serif;font-family:var(--heading);text-align:center;margin-top:25px;margin-top:var(--big-margin)}ul{list-style:none;margin:0;padding:0}.add-product-form,.card-footer,.card-header,.cart-list li,.log-in,.main-page-container,.modal-content,.not-found,.products-gallery,.search-wrapper,.select-category,.topnav button,.topnav button span{display:-webkit-flex;display:flex;display:-ms-flexbox;-webkit-align-items:center;align-items:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-justify-content:center;justify-content:center;-webkit-box-pack:center;-ms-flex-pack:center}.main-page-container{background:#e0fbfc;background:var(--pale-blue);min-height:100vh;min-width:100vw;flex-direction:column;-webkit-flex-direction:column}.main-page-container img{width:100%;max-width:600px;padding:15px;padding:var(--main-padding)}.store-button{width:200px;height:70px;font-size:20px;background:#3d5a80;background:var(--blue);box-shadow:0 4px 4px rgba(78,83,116,.73);border:0;color:#fff;border-radius:7px;font-family:Playfair Display,serif;text-transform:uppercase;font-weight:700}.store-button,.store-button span{transition:.3s;-webkit-transition:.3s;cursor:pointer}.store-button span{padding-left:15px;display:inline-block;position:relative}.store-button span:after{content:"\BB";position:relative;opacity:0;right:-20px;transition:.3s;-webkit-transition:.3s}.store-button:focus span:after,.store-button:hover span:after{opacity:1;right:0}.store-button:focus span,.store-button:hover span{padding-right:25px}.store-button:focus,.store-button:hover{outline:0;width:250px;background:#ee6c4d;background:var(--light-red);box-shadow:0 4px 4px rgba(188,124,108,.69)}@media screen and (min-width:1000px){.main-page-container{flex-direction:row;-webkit-flex-direction:row}.main-page-container img{padding:55px}.store-button{width:250px}}.store-main-page{display:-webkit-flex;display:flex;display:-ms-flexbox;flex-flow:row wrap;-webkit-flex-flow:row wrap}.store-center,.store-left,.store-right{width:100%}@media screen and (min-width:850px){.store-left,.store-right{width:50%;height:calc(100vh - 129px);overflow:scroll}}@media screen and (min-width:1150px){.store-right{width:60%}.store-left{width:40%}}.topnav{padding:10px 15px;background-color:#fff;display:-webkit-flex;display:flex;display:-ms-flexbox;-webkit-flex:20% 1 auto;flex:20% 1 auto;width:100%;z-index:5}.logo{height:60px}.right-align{width:100%;display:-webkit-flex;display:flex;-webkit-justify-content:flex-end;-ms-justify-content:flex-end;justify-content:flex-end;-ms-flex-pack:flex-end;-webkit-align-items:center;-ms-align-items:center;align-items:center}.select-category button,.topnav button{text-align:center;margin-left:5px;text-decoration:none;color:#293241;color:var(--black);border:0;border-radius:7px;font-family:Roboto,sans-serif;font-family:var(--main);-webkit-transition:all .3s linear;transition:all .3s linear;cursor:pointer}.topnav button{font-size:25px;background:#3d5a80;background:var(--blue);box-shadow:0 4px 4px rgba(78,83,116,.73);padding:15px;padding:var(--main-padding)}.topnav button:focus,.topnav button:hover{background:#ee6c4d;background:var(--light-red);box-shadow:0 4px 4px rgba(188,124,108,.69);color:#fff;outline:0}.topnav button span{color:#3d5a80;color:var(--blue);font-size:12px;position:absolute;top:18px;right:85px;min-width:18px;height:18px;background-color:#e0fbfc;background-color:var(--pale-blue);border-radius:100%}.search-wrapper{width:100%;height:45px;color:#293241;color:var(--black);z-index:3;background-color:#fff;box-shadow:0 4px 4px #e2e2e2}.search-wrapper svg{padding:5px;margin-left:20px}.search-icon{-webkit-transition:all .3s linear;transition:all .3s linear}.search-wrapper:focus-within .search-icon,.search-wrapper:hover .search-icon{fill:#ee6c4d;fill:var(--light-red)}.search{border:2px solid #fff;height:100%;width:calc(100% - 65px);padding:10px 15px;font-size:18px;-webkit-transition:all .3s linear;transition:all .3s linear}.search:focus,.search:hover{outline:0;border:2px solid #ee6c4d;border:2px solid var(--light-red)}.select-category{margin-top:15px;margin-top:var(--main-margin);width:100%;flex-flow:row wrap;-webkit-flex-flow:row wrap}.select-category button{padding:10px;color:#293241;color:var(--black);text-transform:uppercase;font-size:14px;margin-top:15px;background:#fff;box-shadow:0 4px 4px #d6d6d6;font-weight:600}.select-category button:active,.select-category button:focus,.select-category button:hover{box-shadow:0 5px 5px rgba(78,83,116,.73);outline:0}.products-gallery{padding:50px 0;width:100%;flex-flow:row wrap;-webkit-flex-flow:row wrap}.panelCard{width:200px;overflow:hidden;margin:15px;margin:var(--main-margin);padding-top:15px;box-shadow:0 6px 16px -6px #5c5c5c;border-radius:7px;display:none;background-color:#fff;-webkit-transition:all .3s linear;transition:all .3s linear}.panelCard:hover{box-shadow:0 6px 19px -2px #1c2657}.panelCard:hover .cover{opacity:1}.show{display:block!important}.card-header{padding:0 10px;height:90px}.card-header h3{font-family:Playfair Display,serif;font-family:var(--heading);font-size:18px;text-align:center}.author{font-size:15px;text-align:center;font-style:italic;padding:5px}.title{width:130px}.price{width:50px;font-family:Playfair Display,serif;font-family:var(--heading);font-size:20px;text-align:center;font-weight:700}.cover{width:100%;height:293px;opacity:.8;-webkit-transition:all .3s linear;transition:all .3s linear}.card-footer{margin-top:-5px}.card-button{border:0;background-color:#fff;cursor:pointer;width:50%;height:80px;-webkit-transition:all .3s linear;transition:all .3s linear}.card-button:focus,.card-button:hover{background-color:#cce3e4;outline:0}.card-button-modal[disabled],.card-button[disabled]{background-color:initial;cursor:default;padding:0}.card-button-modal[disabled]:hover,.card-button[disabled]:hover{color:#d12028;cursor:not-allowed;box-shadow:0 0 0 #fff}.modal{position:fixed;z-index:10;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#ababab;background-color:hsla(0,0%,67.1%,.9)}.modal-content{width:100%;padding:15px;padding:var(--main-padding);flex-flow:column;-webkit-flex-flow:column;max-width:640px;background:#fff;margin:0 auto}.modal-left{width:200px}.modal-right{padding:25px;padding:var(--big-padding);text-align:justify;font-size:19px}.modal-right button{margin-left:70%;margin-top:15px}.close{position:absolute;top:15px;right:35px;color:#293241;color:var(--black);font-size:40px;font-weight:700;-webkit-transition:.3s;transition:.3s;background-color:initial;border:0}.close:focus,.close:hover{color:#ee6c4d;color:var(--light-red);text-decoration:none;cursor:pointer;outline:0}.visible{display:block!important}.hidden{display:none!important}.card-button-modal{background-color:#f2f2f2;border:0;padding:10px;border-radius:10px;cursor:pointer;-webkit-transition:all .3s linear;transition:all .3s linear}.card-button-modal:focus,.card-button-modal:hover{background-color:#cce3e4;outline:0}.card-button-modal:active,.card-button:active{background-color:#e0fbfc;background-color:var(--pale-blue)}.modal-content{-webkit-animation-name:zoom;-webkit-animation-duration:.6s;animation-name:zoom;animation-duration:.6s}@-webkit-keyframes zoom{0%{-webkit-transform:scale(0)}to{-webkit-transform:scale(1)}}@keyframes zoom{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}@media screen and (min-width:500px){.modal{padding-top:100px}.modal-content{flex-direction:row;-webkit-flex-direction:row;box-shadow:0 4px 10px #4e4e4e}.close{position:relative;top:-185px;right:0}}.cart{background-color:#e0fbfc;background-color:var(--pale-blue);padding:25px}.cart-list li{padding:25px 15px;border-bottom:2px solid #3d5a80;border-bottom:2px solid var(--blue);width:100%;font-size:15px;-webkit-transition:all .3s linear;transition:all .3s linear}.cart-list li:hover{background-color:#fae0da}.cart-list li:hover button{opacity:1}.cart-list li p:first-child{width:20%}.cart-list li p:nth-child(2){width:50%;font-family:Playfair Display,serif;font-family:var(--heading);font-weight:700;padding:0 5px}.cart-list li p:nth-child(3){width:20%}.cart-list li button{width:10%;border:0;background-color:initial;font-size:35px;color:#293241;color:var(--black);cursor:pointer;-webkit-transition:all .3s linear;transition:all .3s linear;opacity:0}.cart-list li button:focus,.cart-list li button:hover{color:#ee6c4d;color:var(--light-red);outline:0;opacity:1}.total-price{font-family:Playfair Display,serif;font-family:var(--heading);font-weight:700;padding-left:15px}.close-cart{position:relative;left:90%;color:#293241;color:var(--black);font-size:40px;font-weight:700;-webkit-transition:.3s;transition:.3s;background-color:initial;border:0}.close-cart:focus,.close-cart:hover{color:#ee6c4d;color:var(--light-red);text-decoration:none;cursor:pointer;outline:0}@media screen and (min-width:550px){.cart-list li{font-size:19px}}.not-found{flex-flow:column;-webkit-flex-flow:column}.not-found,.not-found img{padding:25px;padding:var(--big-padding)}.not-found img{width:100%;max-width:550px}.adminMenu{background-color:#f7e5e1;padding:25px}.add-product-form{margin-top:15px;width:100%;padding:10px 5px;flex-flow:row wrap;-webkit-flex-flow:row wrap;border:2px solid #d7a194;border-radius:10px;background-color:#f9d2c9;box-shadow:0 4px 4px #fcae9a;display:none}.add-product-form p{text-align:center;width:100%}.add-product-form input,.add-product-form select,.add-product-form textarea{font-family:Roboto,sans-serif;font-family:var(--main);font-size:17px;padding:5px 10px;border:2px solid #fff;margin:3px;border-radius:5px;color:#293241;color:var(--black)}.add-product-form input:focus,.add-product-form select:focus,.add-product-form textarea:focus{outline:0;border:2px solid #ee6c4d;border:2px solid var(--light-red)}.add-product-form input[name=author],.add-product-form input[name=name]{width:47%}.add-product-form input[name=price],.add-product-form select{width:31%}.add-product-form input[name=image],.add-product-form textarea{width:96%}.add-product-form button[type=submit],.load-samples,.remove-book-button{width:96%;background-color:#fff;border:2px solid #ee6c4d;border:2px solid var(--light-red);border-radius:5px;padding:5px 10px;margin:3px;font-size:17px;color:#ee6c4d;color:var(--light-red);cursor:pointer;-webkit-transition:all .3s linear;transition:all .3s linear;font-weight:600;text-transform:uppercase}.add-product-form button[type=submit]:focus,.add-product-form button[type=submit]:hover,.load-samples:focus,.load-samples:hover,.remove-book-button:focus,.remove-book-button:hover{outline:0;background-color:#ee6c4d;background-color:var(--light-red);color:#fff}.load-samples{width:99%;margin-top:10px}.facebook,.github{width:250px;height:50px;border-radius:5px;border:0;color:#fff;font-size:16px;text-transform:uppercase;margin:3px;-webkit-transition:all .3s linear;transition:all .3s linear;cursor:pointer}.github{background-color:#293241;background-color:var(--black)}.facebook{background-color:#3d5a80;background-color:var(--blue)}.facebook:focus,.facebook:hover,.github:focus,.github:hover{outline:0;background-color:#ee6c4d;background-color:var(--light-red)}.log-in{flex-flow:column;-webkit-flex-flow:column}.logout{padding:10px 15px;background:#fff;color:#ee6c4d;color:var(--light-red);border:2px solid #ee6c4d;border:2px solid var(--light-red);border-radius:5px;text-transform:uppercase;cursor:pointer;font-weight:700;-webkit-transition:all .3s linear;transition:all .3s linear}.logout:focus,.logout:hover{background-color:#ee6c4d;background-color:var(--light-red);color:#fff}.store-left{-webkit-animation-name:down;-webkit-animation-duration:.6s;animation-name:down;animation-duration:.6s}@-webkit-keyframes down{0%{-webkit-transform:translateY(-100%)}to{-webkit-transform:translateY(0)}}@keyframes down{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@media screen and (min-width:850px){@-webkit-keyframes down{0%{-webkit-transform:translateX(-100%)}to{-webkit-transform:translateX(0)}}@keyframes down{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}}.store-right{-webkit-animation-name:up;-webkit-animation-duration:.6s;animation-name:up;animation-duration:.6s}@-webkit-keyframes up{0%{-webkit-transform:translateY(-10%)}to{-webkit-transform:translateY(0)}}@keyframes up{0%{-webkit-transform:translateY(-10%);transform:translateY(-10%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@media screen and (min-width:850px){@-webkit-keyframes up{0%{-webkit-transform:translateX(-10%)}to{-webkit-transform:translateX(0)}}@keyframes up{0%{-webkit-transform:translateX(-10%);transform:translateX(-10%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}}
/*# sourceMappingURL=main.aa911d36.chunk.css.map */