main{width:100%;display:flex;flex-direction:column;align-items:center}.home-title{text-align:center;margin-top:50px;font-size:2.5rem;color:#333}.dark-mode .home-title{color:#fff}.dark-mode{background-color:var(--text-dark);color:#fff}.book-card-button{display:flex;justify-content:space-between;padding:5px 15px;background-color:orange;color:#fff;border:none;border-radius:5px;font-weight:800;margin-bottom:.5rem;cursor:pointer}.book-card-button-already-liked{padding:5px 15px;background-color:#fff;color:gray;border:none;border-radius:5px;margin-bottom:1rem}.dark-mode .book-card-button-already-liked{background-color:var(--bg-dark-bookcard);color:#fff}.container-books-liked{display:flex;justify-content:center;margin-top:10px;flex-wrap:wrap;gap:5px}.book-title{font-size:1rem;font-weight:700;color:#000;margin-bottom:1rem}a{text-decoration:none;color:#000;cursor:pointer}.book-card{width:95%;display:flex;flex-direction:column;align-items:center;justify-content:space-between;border-radius:5px;box-shadow:0 0 5px #828282bf;padding:1rem .5rem;position:relative}.container-img{width:100%;display:flex;justify-content:center;align-items:center;margin-bottom:1rem}.container-img img{object-fit:initial;border-radius:5px;width:auto;max-width:70%;height:200px;max-height:100%;box-shadow:0 0 5px #828282bf}.container-book-info{display:flex;justify-content:center;align-items:center;gap:5px;width:100%;color:var(--bg-dark-bookcard);margin-bottom:5px}.author-title,.author-name{color:var(--bg-dark-bookcard);font-size:.8rem}.author-title{font-weight:400;color:#727272}.author-name{font-weight:700;color:var(--bg-dark-bookcard)}.book-card__heart{position:absolute;top:5px;right:5px;bottom:5px;cursor:pointer;z-index:10}.book-card__heart svg{width:20px;color:red;fill:red}.rating-container{display:flex;align-items:baseline;gap:5px;margin-bottom:5px;margin-top:5px}.rating-title{margin-bottom:0;font-size:.5rem;font-weight:400;color:#727272}.star-icon{margin-bottom:0;font-size:.75rem;color:var(--button-light-color)}.container-author-name{display:flex;flex-wrap:wrap;justify-content:start;align-items:center;gap:5px}.dark-mode .book-card{background-color:var(--bg-dark-bookcard);color:#fff;box-shadow:0 0 10px #ffffff1a;border:1px solid}.dark-mode .author-name,.dark-mode .author-title,.dark-mode .rating-title,.dark-mode .book-title{color:#fff}@media screen and (min-width: 768px){.book-card{width:200px}}section{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px;background-color:var(--background-color);width:100%}.container-book-categories{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;margin-top:20px}.book-category{display:flex;flex-direction:column;justify-content:center;align-items:center;margin:5px;padding:5px 10px;font-size:.6rem;border-radius:10px;box-shadow:0 0 10px #0000001a;transition:.3s;cursor:pointer}.dark-mode .book-category{border:1px solid white;box-shadow:0 0 10px #ffffff1a;color:#fff}.book-category:hover{transform:scale(1.05);color:#fff;background-color:var(--button-light-color)}.book-category.active{background-color:var(--button-light-color);color:#fff}.book-list.hidden{display:block}.section-title{margin-bottom:20px;text-align:center}@media screen and (min-width: 768px){.book-category{margin:10px;padding:10px 15px;font-size:1rem}.section{width:80%}}.container-search-bar{display:flex;justify-content:center;align-items:center;margin-top:20px;width:100%}.search-page{width:100%}.form-search-bar{display:flex;flex-direction:column;justify-content:center;align-items:center;width:90%;gap:10px}.input-search-bar{width:100%;padding:10px;border:1px solid #ccc;border-radius:5px;font-size:16px}.button-search-bar{padding:10px;border:1px solid #ccc;border-radius:5px;background-color:#f1f1f1;font-size:16px;margin-left:10px;cursor:pointer}.dark-mode .input-search-bar,.dark-mode .button-search-bar{background-color:var(--bg-dark-bookcard);color:#fff}@media screen and (min-width: 768px){.form-search-bar{width:100%;flex-direction:row}}.container-query-result{width:100%}.lds-roller,.lds-roller div,.lds-roller div:after{box-sizing:border-box}.lds-roller{display:inline-block;position:relative;width:80px;height:80px}.lds-roller div{animation:lds-roller 1.2s cubic-bezier(.5,0,.5,1) infinite;transform-origin:40px 40px}.lds-roller div:after{content:" ";display:block;position:absolute;width:7.2px;height:7.2px;border-radius:50%;background:currentColor;margin:-3.6px 0 0 -3.6px}.lds-roller div:nth-child(1){animation-delay:-36ms}.lds-roller div:nth-child(1):after{top:62.62742px;left:62.62742px}.lds-roller div:nth-child(2){animation-delay:-72ms}.lds-roller div:nth-child(2):after{top:67.71281px;left:56px}.lds-roller div:nth-child(3){animation-delay:-.108s}.lds-roller div:nth-child(3):after{top:70.90963px;left:48.28221px}.lds-roller div:nth-child(4){animation-delay:-.144s}.lds-roller div:nth-child(4):after{top:72px;left:40px}.lds-roller div:nth-child(5){animation-delay:-.18s}.lds-roller div:nth-child(5):after{top:70.90963px;left:31.71779px}.lds-roller div:nth-child(6){animation-delay:-.216s}.lds-roller div:nth-child(6):after{top:67.71281px;left:24px}.lds-roller div:nth-child(7){animation-delay:-.252s}.lds-roller div:nth-child(7):after{top:62.62742px;left:17.37258px}.lds-roller div:nth-child(8){animation-delay:-.288s}.lds-roller div:nth-child(8):after{top:56px;left:12.28719px}@keyframes lds-roller{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.container-404{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;margin-top:2rem;cursor:pointer}.container-404 h2{margin:1rem}.giphy-embed{width:50%;margin-top:2rem}.container-books-liked{display:flex;justify-content:center;margin-top:20px;flex-wrap:wrap}.section-books-liked__title{text-align:center;font-size:1.5rem;font-weight:700}.mybooks-title{text-align:center;font-size:2rem;font-weight:700;margin-top:1.5rem}.mybooks-empty{text-align:center;font-size:1.5rem;font-weight:500;margin-top:20px}.search-page{padding:40px 20px;margin:0 auto;font-family:var(--font-family);background-color:var(--background-light)}.title{text-align:center;font-size:2rem;color:var(--yellow-dark);margin-bottom:20px}.top-bar{display:flex;justify-content:center;margin-bottom:30px}.content{display:flex;gap:20px;flex-direction:column}.containerButton{display:flex;align-items:center;justify-content:center}.sidebar{flex:0 0 32%;display:flex;flex-direction:column;gap:20px}.filter-item{padding:20px;background-color:#fff;border:1px solid var(--yellow-light);border-radius:8px;box-shadow:0 2px 5px #0000001a}.filter-item h3{margin-bottom:15px;color:var(--yellow-dark);font-size:1.25rem}.checkbox-group{display:flex;flex-direction:column;gap:10px}.numberOfBooks{font-size:.6rem}.containerInput{display:flex;align-items:center;justify-content:start;gap:10px}label{display:flex;align-items:center;gap:8px;font-size:1rem;color:var(--text-dark);cursor:pointer;transition:color .3s ease}label.active{color:var(--yellow-dark);font-weight:700}input[type=checkbox]{width:18px;height:18px;cursor:pointer}input[type=checkbox]:checked{accent-color:var(--yellow-dark)}.selected-filters{padding:15px;border:1px solid var(--yellow-dark);border-radius:5px;color:var(--text-dark)}.selected-filters h3{margin-bottom:10px;font-size:1.25rem;color:var(--yellow-dark)}.selected-filters p{margin:5px 0;font-size:1rem}.total-books{padding:20px;background-color:#fff;border:1px solid var(--yellow-light);border-radius:8px;box-shadow:0 2px 5px #0000001a}.total-books h3{margin-bottom:10px;font-size:1.25rem;color:var(--yellow-dark)}.main-content{flex:1;background-color:var(--background-light);padding:20px;border-radius:8px;box-shadow:0 2px 5px #0000001a}.dark-mode .search-page{background-color:var(--text-dark);color:#fff}.dark-mode .filter-item,.dark-mode .selected-filters,.dark-mode label,.dark-mode .main-content,.dark-mode .total-books{background-color:var(--bg-dark-bookcard);color:#fff}.label-categoriesFilter{font-size:.8rem}.filterButton{width:50%;text-align:center;text-transform:uppercase;display:flex;justify-content:center}@media screen and (min-width: 768px){.search-page{padding:40px}.top-bar{margin-bottom:40px}.content{flex-direction:row}.sidebar{flex:0 0 25%}.main-content{padding:40px}.filterButton{display:none}}:root{--menu-light: #ffb700;--menu-dark: #ed9901}body{margin:0;padding:0;font-family:Roboto,sans-serif}header{max-width:100%;height:60px;background-color:#fff;display:flex;justify-content:space-between;align-items:center;box-shadow:0 0 10px #0000001a;padding:0 20px}.dark-mode header{background-color:var(--text-dark);color:#fff;box-shadow:0 0 10px #ffffff1a}.dark-mode-icon{padding:7px 10px;border-radius:50px;border:1px solid;cursor:pointer}header img{width:50px}nav{display:flex;align-items:center;gap:20px;letter-spacing:2px;text-transform:uppercase;font-weight:700}nav a{color:var(--menu-light);text-decoration:none}nav a:hover{color:var(--menu-dark)}.container-burgerMenu-icon{display:block;cursor:pointer}.nav-desktop{display:none}@media screen and (min-width: 768px){.container-burgerMenu-icon{display:none}.nav-desktop{display:flex}}.hidden{display:none}.container-burgerMenu{display:flex;flex-direction:column;justify-content:start;width:70%;position:absolute;left:0;bottom:0;background-color:#fff;z-index:20;height:100%;box-shadow:0 0 10px #0000001a}.dark-mode .container-burgerMenu{background-color:var(--text-dark);color:#fff;box-shadow:0 0 10px #ffffff1a}.nav-mobile{display:flex;flex-direction:column;align-items:start;gap:20px;padding:20px;margin-top:2rem;font-size:.7rem}.container-close-icon{display:flex;justify-content:flex-end;align-items:center;padding:20px;color:red}.book-page{padding:20px;max-width:600px;margin:auto;display:flex;flex-direction:column}.container-the-book{width:100%;display:flex;flex-direction:column;justify-content:start;align-items:center;flex-wrap:wrap;position:relative}.container-book-info{display:flex;flex-direction:column;justify-content:start;align-items:start;margin-bottom:10px;width:95%;position:relative}.container-img-bookPage{display:flex;flex-direction:column;justify-content:start;align-items:center;width:60%;position:relative}.book-page h1{font-size:1.2rem;text-align:left}.container-the-book h2{font-size:1.2rem;margin-top:50px;margin-bottom:0}.book-img{width:65%;border-radius:10px;margin-bottom:20px;box-shadow:0 0 5px #828282bf}.book-card__heart_icon{position:absolute;top:2px;left:34px;cursor:pointer;z-index:10}.book-card__heart_icon svg{width:20px;color:red;fill:red}.book-card__heart_icon path{stroke:#fff;stroke-width:1px}.book-page .paragraph-info-book{font-size:1rem;text-align:left;margin:0;color:#4b4b4b}.dark-mode .book-page .paragraph-info-book,.dark-mode .book-page h1{color:#fff}.container-resume{width:100%;display:flex;flex-direction:column}.resume{font-size:1rem;text-align:justify}.container-buttons{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%}.book-card-button{padding:5px 15px;background-color:orange;color:#fff;border:none;border-radius:5px;font-weight:800}.book-card-button:hover{background-color:#ff8c00}@media screen and (min-width: 768px){.container-the-book{flex-direction:row;justify-content:start;align-items:start}.container-img-bookPage{width:30%}.container-book-info{width:70%}}.suggestBookTitle{text-align:center}.suggestBookTitle{text-align:center;margin-top:1em;margin-bottom:1em}:root{--button-light-color: orange;--button-dark-color: hsl(33, 100%, 50%);--yellow-light: #ffeb3b;--yellow-dark: #ffc107;--text-dark: #333;--bg-dark-bookcard: #000220;--background-light: #f9f9f9;--text-light: #fff;--font-family: "Roboto", sans-serif}*{margin:0;padding:0;box-sizing:border-box}