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}.app{align-items:center;color:#87877f;display:flex;flex-direction:column;height:99vh;justify-content:space-between}a{text-decoration:none}.main{border:2px solid #7fffd4;border-radius:15px;box-shadow:15px 15px 10px #7fffd4;box-sizing:border-box;display:flex;flex-direction:column;margin:30px 0;padding:10px;width:98vw}h1,h2,h3,p{margin:0}.header{align-items:center;border:2px solid #7fffd4;border-radius:15px;box-shadow:15px 15px 10px #7fffd4;box-sizing:border-box;display:flex;justify-content:space-between;padding:0 15px;width:98.5vw}.app-title{color:#7fffd4;margin:10px;text-align:center;transition:.8s;width:100%}.app-title:hover{color:#4bfcc1;opacity:.5}.header-icons{display:flex;justify-content:space-around;width:150px}.headerLink{border-bottom:1px solid #fff;color:#87877f;padding-bottom:5px;transition:.7s}.headerLink:hover{border-bottom:1px solid grey;cursor:pointer;opacity:.7}@media (max-width:400px){.app-title{font-size:1.5rem}.header-icons{width:120px}}.catalog{display:flex;flex-direction:row;min-height:70vh}.cards-container{border-radius:15px;box-shadow:5px 5px 0 #7fffd4;display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));justify-items:center;width:100%}@media (max-width:700px){.catalog{flex-direction:column}.filter-container{align-items:center;width:100%}.filter-mobile-container{align-items:self-end;display:flex;flex-direction:column;height:350px;justify-content:space-between}.price-sort-controls{align-self:center}}@media (min-width:700px){.catalog{flex-direction:row}.filter-container{width:220px}}.card{align-items:center;border-radius:15px;display:flex;flex-direction:column;height:500px;margin-bottom:10px;outline:3px solid #7fffd4;padding:5px;transition:.7s ease-in-out;width:300px}.card:hover{background-color:#c9fefe}.book-image{height:300px;transition:1s ease-in-out}.book-image:hover{-webkit-transform:scale(1.03);transform:scale(1.03)}.card-title{margin:5px 0}.writer{font-style:italic;margin-bottom:15px}.year{margin-top:5px}.genres{font-size:smaller;font-style:italic}.price{color:#08b9b9;font-size:large;font-weight:700}.add-button{background-color:#14d2d2;border:none;border-radius:15px;box-sizing:border-box;color:#fff;font-weight:700;margin-top:15px;outline:3px solid #7fffd4;padding:10px 15px;transition:.7s}.add-button:hover{background-color:#32eaea;cursor:pointer}.add-button:active{background-color:#46f5f5;color:#fff;outline:1px solid #9bffff}.added-button{background-color:#7b7878;border:none;color:#efefee;outline:3px solid #7b7878}.added-button:hover{background-color:#b6aeae}.added-button:active{background-color:#beb7b7;border:none;outline:1px solid #beb7b7}.filter-container{align-self:start;border:2px solid #7fffd4;border-radius:15px;box-shadow:5px 5px 0 #7fffd4;box-sizing:border-box;display:flex;flex-direction:column;padding:2px 5px 5px 7px;position:-webkit-sticky;position:sticky;top:0}.filter-select{border-radius:5px;padding:10px 5px;width:150px}.filter-select:focus{background-color:#7fffd4;outline:2px solid aqua}.filter-text{padding:5px 0}#sortPriceInput{margin-top:20px;-webkit-transform:scale(1.5);transform:scale(1.5)}.clear-filter-button{background-color:#14d2d2;border:none;border-radius:15px;box-sizing:border-box;color:#fff;font-weight:700;margin-top:15px;outline:3px solid #7fffd4;padding:5px 10px;width:150px}.clear-filter-button:hover{background-color:#32eaea;cursor:pointer}.clear-filter-button:active{background-color:#46f5f5;color:#fff;outline:1px solid #9bffff}@media (max-width:700px){.sorting-selections{align-items:center;display:flex;flex-direction:row}.filter-text{padding-right:10px}.filter-select{width:200px}}@media (min-width:340px) and (max-width:357px){.choose-genres-text{text-align:center}}.cart{min-height:70vh}.cart-welcome{margin-bottom:15px}.total{color:#08b9b9;font-weight:700;margin-right:10%;text-align:right}.cart-item{align-items:center;display:flex;justify-content:space-between;transition:2s}.cart-item:hover{background-color:#7fffd4;outline:1px solid #8a2be2}.cart-book-image{margin:5px 0;width:45px}.cart-writer{font-style:italic}.delete-item{border-radius:25%;margin:0 5px;outline:3px solid #fc7272;padding:5px 10px;transition:.4s}.delete-item:hover{background-color:#fe7979;color:#fff;cursor:pointer}.delete-item:active{background-color:#ee3c3c;outline:1px solid #fa2b2b}@media (min-width:500px){.cart-book-info{width:70%}}@media (max-width:499px){.cart-book-info{width:50%}}.footer{border:2px solid #7fffd4;border-radius:15px;box-shadow:15px 15px 10px #7fffd4;box-sizing:border-box;width:98.5vw}.footer-social{align-items:center;display:flex;flex-direction:column}.footer-text{font-size:1.5em;font-weight:700;margin-top:5px}.social-icon{transition:.5s;width:70px}.social-icon:hover{opacity:.5}.modal-container{align-items:center;background-color:rgba(0,0,0,.4);display:flex;height:100vh;justify-content:center;left:0;opacity:0;pointer-events:none;position:fixed;top:0;transition:.5s;width:100vw;z-index:5}.modal-container.active-modal{opacity:1;pointer-events:all}.modal{align-items:center;background-color:#fff;border-radius:15px;display:flex;flex-direction:column;height:200px;justify-content:space-between;padding:20px;position:relative;width:400px}.modal-input{width:150px}.submit-button{border:1px solid #7fffd4;border-radius:5px;color:olive;padding:10px 30px}.submit-button:hover{background-color:#9df5f5;cursor:pointer}.submit-button:active{background-color:#6af1f1}.close-modal{border-radius:25%;margin:0 5px;outline:3px solid #fc7272;padding:5px 10px;position:absolute;right:-4px;top:1px;transition:.4s}.close-modal:hover{background-color:#fe7979;color:#fff;cursor:pointer}.close-modal:active{background-color:#ee3c3c;-webkit-transform:scale(105%);transform:scale(105%)}.input{border:1px solid #7fffd4;border-radius:8px;color:#088b8b;font-weight:bolder;padding:5px}.input:focus{outline:2px solid #7fffd4}
/*# sourceMappingURL=main.d1ee1446.css.map*/