html{scroll-behavior:smooth}body{margin: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}h1,h2,h3,h4,h5,h6{margin:0;padding:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.App{background:linear-gradient(#9b89ff,#5639fd,#5f44f7);width:100%}.App,.container{min-height:100vh}.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{background-color:#282c34;min-height:100vh;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.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)}}.button__container button,.button__container button img{width:60px}@media screen and (max-width:500px){.button__container{position:fixed;right:20px;bottom:65px}}.page{position:fixed;bottom:0;left:0;width:500px;height:600px;border-top-left-radius:20px;border-top-right-radius:20px;background:rgba(0,0,0,.7019607843137254)}.btn_page{position:absolute;top:10px;right:10px;background:rgba(78,78,78,.7019607843137254);color:#fff;outline:none;border:none;font-size:20px;box-shadow:2px 2px 5px #9b9b9b;transition:box-shadow .3s ease,background .3s ease}.btn_page:hover{cursor:pointer;background:#1f1f1f;box-shadow:2px 2px 5px #1f1f1f}.entrada{-webkit-animation:entrada .3s ease forwards;animation:entrada .3s ease forwards}.salida{-webkit-animation:salida .3s ease forwards;animation:salida .3s ease forwards}.btn__ver{position:absolute;padding:20px;background:rgba(51,51,51,.507);color:#fff;font-size:16px;left:0;top:0}@-webkit-keyframes entrada{0%{-webkit-transform:translateY(600px);transform:translateY(600px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes entrada{0%{-webkit-transform:translateY(600px);transform:translateY(600px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes salida{0%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(600px);transform:translateY(600px)}}@keyframes salida{0%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(600px);transform:translateY(600px)}}.container__card{position:relative;width:350px;background:linear-gradient(#83b9ff,#acd3ff);overflow:hidden;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;font-family:"Dancing Script",cursive;font-size:20px;color:#fff;padding:10px 0}a{text-decoration:none}.card__title{padding-top:10px}.container__card .card__image{width:100%;object-fit:cover;height:320px;padding:10px 0;margin:0;transition:all .3s ease}.container__card .card__image:hover{cursor:pointer;-webkit-transform:scale(1.1);transform:scale(1.1)}.buttoms__card{position:absolute;top:200px;right:0;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;grid-gap:15px;gap:15px;margin-right:5px}.buttoms__card i{font-size:20px;color:#6a80ff}.fa-heart{transition:color .5s ease,-webkit-transform .5s ease;transition:transform .5s ease,color .5s ease;transition:transform .5s ease,color .5s ease,-webkit-transform .5s ease}.fa-heart:hover{-webkit-transform:scale(1.1);transform:scale(1.1);color:#fd5040;cursor:pointer}.btn__more{padding:10px 20px;background:#444;border-radius:5px;color:#fff;position:absolute;right:5px;bottom:15px}.navigation__container{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;padding:20px}.navigation__image{width:100px;position:absolute;top:-70px;left:60px}.navigation__bar{width:80%;height:10px;background:#000;border-radius:10px;overflow:hidden}.navigation__progress{position:relative;left:0;width:10%;height:10px;background:#79a4ff;border-radius:10px}.hidebar{-webkit-transform:translateY(100px);transform:translateY(100px);transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.favorites__content{margin:0 20px;grid-gap:20px;gap:20px;place-items:center;display:grid;-webkit-justify-content:center;justify-content:center;-webkit-align-content:center;align-content:center;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));grid-auto-flow:dense;padding:20px 0}.title{color:#fff}.content,.content__search{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.content__search{background:hsla(0,0%,60%,.3058823529411765);color:#fff;border-radius:20px;padding:10px 20px;width:260px;position:-webkit-sticky;position:sticky;top:100px;z-index:30}.search__anime{border:1px solid #313131;border-radius:15px;outline:none;margin-left:10px;padding:10px}.search__anime:focus{outline:#008cff;border:1px solid red;box-shadow:10px 10px 10px rgba(83,83,83,.6196078431372549)}.svg__search{width:30px}.svg__search path{fill:#008cff;stroke-width:10;stroke-dasharray:30;stroke-dashoffset:50;stroke-linecap:2}.search__anime,.search__label{pointer-events:all}.container__anime,.search__label{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.container__anime{-webkit-flex-direction:column;flex-direction:column}.container__detail{display:-webkit-flex;display:flex}.card__detail{margin:20px;display:grid;grid-template-columns:repeat(11,1fr);grid-template-rows:repeat(4,200px);place-items:center;background:rgba(94,223,255,.52);color:#fff}.card__detail .title{padding:20px;grid-column:1/4}.card__detail img{grid-column:1/4;grid-row:2/4;border:1px solid #fff;transition:-webkit-transform .5s ease;transition:transform .5s ease;transition:transform .5s ease,-webkit-transform .5s ease;background:#333;width:200px;height:300px}.card__detail img:hover{-webkit-transform:scale(1.1);transform:scale(1.1);cursor:pointer}.card__detail:focus img{-webkit-transform:scale(5);transform:scale(5)}.card__detail .type{grid-column:4/5}.card__detail .synopsis{text-align:left;grid-column:4/11;grid-row:2/4}.card__detail .genres{display:-webkit-flex;display:flex;grid-gap:20px;gap:20px;grid-column:4/11;grid-row:4/5}@media screen and (max-width:1350px){.card__detail{grid-template-columns:repeat(11,1fr)}.card__detail .type{grid-column:5/6}}@media screen and (max-width:1100px){.card__detail{grid-template-rows:repeat(5,200px)}.card__detail .title{grid-column:1/5}.card__detail img{grid-column:1/5;grid-row:2/4}.card__detail .synopsis{padding:20px;grid-column:5/12;grid-row:1/4;overflow:hidden;height:400px;text-overflow:ellipsis}.card__detail .type{grid-column:1/3}.card__detail .genres{grid-column:1/12;grid-row:5/6}.card__detail .points{grid-column:3/5}.card__detail .chapters{grid-column:5/7}.card__detail .status{grid-column:7/8}.card__detail .title__japanese{grid-column:8/10}.card__detail .authors{grid-column:10/12}}@media screen and (max-width:650px){.card__detail{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;grid-gap:15px;gap:15px}.card__detail .title,.card__detail img{grid-column:1/12}.card__detail .synopsis{padding:20px;height:auto;grid-column:1/12;grid-row:4/6;overflow-y:scroll}.card__detail .genres{grid-column:1/12;grid-row:6/7;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap}}@media screen and (max-width:500px){.card__detail{margin-bottom:80px}}.loader__container{width:100%;height:100vh;position:fixed;display:-webkit-flex;display:flex;background:rgba(74,171,255,.787);-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.colores{color:rgba(240,248,255,0)}
/*# sourceMappingURL=main.6699b2c7.chunk.css.map */