*{margin:0}html,body{height:100%}a{color:#fff;text-decoration:none}a:hover{text-decoration:underline}h4{text-transform:uppercase;letter-spacing:0;padding-top:20px;padding-bottom:10px;font-size:21px;font-weight:700;line-height:42px}p{color:#333;margin:24px;font-family:Arial;font-size:20px;line-height:24px}.container{flex-wrap:wrap;width:60%;margin:auto;display:flex}.projectWrapper{width:100%;min-height:calc(100vh - 100px)}.header{order:1;width:100%}.projectWrapper{order:2;width:100%}@media screen and (max-width:1460px){.container{flex-wrap:wrap;width:80%;display:flex}}@media screen and (max-width:960px){.container{flex-wrap:wrap;width:90%;display:flex}}@media screen and (max-width:800px){p{font-size:15px}.container{flex-wrap:wrap;width:90%;display:flex}}@media screen and (max-width:600px){.container{flex-wrap:wrap;width:90%;display:flex}h4{font-size:18px;line-height:30px}}@media screen and (max-width:491px){p{font-size:13px}}@media screen and (max-width:450px){p{font-size:10px}.container{width:100%}.projectWrapper{width:95%;margin:auto}.menu{background:#2c2c2c;flex-direction:column;align-items:center;width:100%;height:100%;display:none;position:absolute}.menuBurger{padding-top:9px;padding-left:20px;display:block}.menu.open{height:auto;top:50px;display:flex!important}}.booksControls{flex-wrap:wrap;align-items:flex-end;gap:16px;width:100%;margin:10px 0 14px;display:flex}.booksSearchField{flex-direction:column;flex:320px;gap:6px;min-width:200px;display:flex}.booksSortField{flex-direction:column;flex:0 200px;gap:6px;min-width:160px;display:flex}.booksSearchField label,.booksSortField label{text-transform:uppercase;letter-spacing:.5px;color:#2c2c2c;font-family:Arial,sans-serif;font-size:13px;font-weight:700}.booksSearchInput,.booksSortSelect{color:#333;box-sizing:border-box;background:#fff;border:1px solid #c9cdc9;padding:10px 12px;font-family:Arial,sans-serif;font-size:16px}.booksSortSelect{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%2300994d' d='M1 1l5 5 5-5'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:34px}.booksSearchInput:focus,.booksSortSelect:focus{border-color:#00994d;outline:none;box-shadow:0 0 0 2px #00994d33}.booksResetButton{letter-spacing:.5px;color:#fff;cursor:pointer;background:#00994d;border:none;flex:none;padding:11px 22px;font-family:Arial,sans-serif;font-size:15px;font-weight:700;transition:background .15s}.booksResetButton:hover{background:#007a3d}.booksResetButton:disabled{cursor:not-allowed;background:#b5beb5}.booksGenreBar{flex-wrap:wrap;gap:8px;width:100%;margin-bottom:28px;display:flex}.genrePill{color:#2c2c2c;cursor:pointer;background:#eef0ee;border:1px solid #d4d8d4;border-radius:999px;padding:7px 16px;font-family:Arial,sans-serif;font-size:14px;transition:background .15s,color .15s,border-color .15s}.genrePill:hover{color:#00994d;border-color:#00994d}.genrePillActive{color:#fff;background:#00994d;border-color:#00994d;font-weight:700}.genrePillActive:hover{color:#fff}.booksList{flex-direction:column;gap:24px;width:100%;padding-bottom:40px;display:flex}.bookCard{box-sizing:border-box;background:#fff;border:1px solid #e3e6e3;border-left:4px solid #00994d;gap:22px;width:100%;padding:22px;display:flex}.bookCardImage{object-fit:cover;background:#eef0ee;border:1px solid #e3e6e3;flex:none;width:120px;height:180px}.bookCardBody{flex-direction:column;flex:auto;gap:10px;min-width:0;display:flex}.bookCardHeader{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.bookCardTitle{color:#1a1a1a;overflow-wrap:break-word;flex:auto;min-width:0;margin:0;font-family:Arial,sans-serif;font-size:20px;font-weight:700;line-height:1.3}.bookCardScore{white-space:nowrap;flex:none;align-items:center;gap:8px;display:inline-flex}.bookCardStars{letter-spacing:1px;font-size:16px}.bookStar{color:#d4d8d4}.bookStar.bookStarFull{color:#00994d}.bookCardScoreText{color:#00994d;font-family:Arial,sans-serif;font-size:13px;font-weight:700}.bookCardAuthor{color:#555;margin:0;font-family:Arial,sans-serif;font-size:15px;font-style:italic}.bookCardGenre{text-transform:uppercase;letter-spacing:.5px;color:#fff;background:#2c2c2c;align-self:flex-start;padding:4px 10px;font-family:Arial,sans-serif;font-size:12px;font-weight:700}.bookCardComment{color:#333;text-align:justify;margin:0;font-family:Arial,sans-serif;font-size:15px;line-height:1.5}.booksStateMessage{text-align:center;color:#555;width:100%;padding:40px 20px;font-family:Arial,sans-serif;font-size:18px}.booksStateMessage.booksStateError{color:#b00020}.booksSpinner{border:3px solid #d7dbd7;border-top-color:#00994d;border-radius:50%;width:28px;height:28px;margin-bottom:12px;animation:.8s linear infinite booksSpin;display:inline-block}@keyframes booksSpin{to{transform:rotate(360deg)}}@media screen and (max-width:600px){.booksControls{flex-direction:column;align-items:stretch}.booksSearchField,.booksSortField{flex:auto}.booksResetButton{width:100%}.bookCard{text-align:center;flex-direction:column;align-items:center}.bookCardImage{width:130px;height:195px}.bookCardHeader{justify-content:center}.bookCardComment{text-align:left}}