@import url(https://fonts.googleapis.com/css2?family=Zen+Old+Mincho&display=swap);@import url(https://fonts.googleapis.com/css2?family=Mochiy+Pop+P+One&family=Zen+Old+Mincho&display=swap);.footer{display:flex;justify-content:center;align-items:center;background:#fd7f20;color:#fff;margin-top:3rem;padding:2rem 0;height:150px}.footer-link{text-decoration:none;color:#fc2e20;font-weight:700}.footer-link:hover{text-decoration:underline;color:#010100}@media(max-width:800px){.footer{font-size:.8rem}}@media(max-width:600px){.footer{font-size:.6rem}}@media(max-width:400px){.footer{font-size:.5rem}}.nav{justify-content:center;justify-content:space-around;background:#fc2e20;color:#fff;padding:1.5rem}.nav,.nav-links{display:flex;align-items:center}.nav-links{justify-content:center;justify-content:space-evenly;width:40%}.nav-links-item{color:#fff;text-decoration:none}.nav-links-item:hover{color:#fdb750}.nav-bookmarks{text-decoration:none;color:#fff}.nav-bookmarks:hover{color:#fdb750}.nav-logo{width:100px}@media(max-width:900px){.nav{font-size:.8rem}}@media(max-width:800px){.nav{font-size:.6rem}.nav-logo{width:70px}}@media(max-width:600px){.nav{font-size:.5rem}.nav-logo{width:60px}.nav-links{flex-wrap:wrap;grid-gap:1rem;gap:1rem}}.card-page-container{display:flex;justify-content:center;align-items:center;flex-direction:column;margin:1.5rem 0 3rem;grid-gap:1rem;gap:1rem}.card-page-title{color:#fff;font-size:2.4rem}.bookmarks-container,.bookmarks-section{display:flex;justify-content:center;align-items:center;flex-direction:column}.bookmarks-section{width:100%;grid-gap:2rem;gap:2rem}.bookmarks-section-title{color:#fff;font-size:1.2rem}.bookmarks-section-cards{width:70%;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;grid-gap:2rem;gap:2rem}.bookmarks-remove-all{border-radius:.75rem;padding:.5rem;color:#fff;border:1px solid #010100;margin-top:3rem;background:#191970}.bookmarks-remove-all:hover{border:1px solid #fff;cursor:pointer}.card-container{display:flex;justify-content:center;align-items:center;position:relative;width:250px;height:250px;border-radius:.75rem;background-color:#010100}.card-container:hover .card-title{opacity:1;cursor:pointer;color:#fff}.card-container:hover .card-img{opacity:.3;border:2px solid #fff;cursor:pointer}.card-container:hover .card-bookmark{display:block;background:hsla(0,0%,100%,.445);padding:1rem;cursor:pointer}.card-title{position:absolute;font-size:1.5rem;opacity:0}.card-img{width:100%;height:100%;border-radius:.75rem}.card-bookmark{position:absolute;bottom:1rem;display:none}@media(max-width:1600px){.card-container{width:175px;height:175px}.card-title{font-size:1.2rem}}@media(max-width:1300px){.card-container{width:150px;height:150px}.card-title{font-size:1rem}}@media(max-width:1100px){.card-container{width:100px;height:100px}.card-title{font-size:.7rem}}@media(max-width:600px){.card-container{width:100%;height:300px}.card-title{font-size:1rem}}@media(max-width:400px){.card-container{width:250px;height:250px}.card-title{font-size:1rem}}.story-container{padding:2rem;background-color:rgba(252,47,32,.7803921568627451);border:1px solid #010100;width:70%;border-radius:.75rem;position:relative}.story-container:hover{color:#fff;border:1px solid #fff;cursor:pointer}.story-container:hover .story-detail{display:block}.story-detail{position:absolute;right:2rem;font-size:.6rem;display:none}@media(max-width:900px){.story-container{width:100%;border-radius:0;font-size:.8rem}}@media(max-width:600px){.story-container{font-size:.6rem}}.characters-container{width:70%;color:#fff;display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(2,1fr);grid-gap:1rem}@media(max-width:900px){.characters-container{grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(3,1fr)}}@media(max-width:600px){.characters-container{grid-template-columns:repeat(1,1fr);grid-template-rows:repeat(10,1fr)}}.pagination-container{margin-top:1rem;width:200px;display:flex;justify-content:center;align-items:center;justify-content:space-around}.pagination-item{padding:.5rem;background-color:#fdb750;border-radius:.3rem;color:#fff;border:1px solid #fc2e20;cursor:pointer}.pagination-item-selected{padding:.5rem;background-color:#fd7f20;color:#fff;border:1px solid #fff;cursor:pointer;border-radius:.3rem}.searchbar-input{padding:.7rem;border-radius:.75rem}.filters-container{width:70%;background:#fd7f20;padding:1rem;border-radius:.75rem}.detail-container,.filters-container{display:flex;justify-content:center;align-items:center}.detail-container{flex-direction:column;position:relative}.detail-img{width:70%}.detail-info-link{text-decoration:none;color:#fc2e20}.detail-info-link:hover{text-decoration:underline;color:#fd7f20}.detail-button{border-radius:.75rem;padding:.5rem;color:#fff;border:1px solid #000;margin-top:1.5rem}.detail-button:hover{cursor:pointer;border:1px solid #fff}.detail-button-source{background:#6b8e23}.detail-button-source-content{color:#fff;text-decoration:none}.detail-button-add{background:#fc2e20}.detail-button-remove{background:#191970}.detail-button-back{background:#fc2e20;color:#fff;padding:.8rem;border-radius:.75rem;position:absolute;top:20px;left:20px;text-decoration:none}.detail-button-back:hover{border:1px solid #fff;cursor:pointer}@media(max-width:600px){.detail-info{font-size:.8rem}}.detail{display:flex;justify-content:center;align-items:center;margin-top:2rem}.detail-container{color:#fff;background:#fdb750;width:60%;padding:2rem;border-radius:.75rem}@media(max-width:900px){.detail-container{width:100%;border-radius:0}.detail-info-link{font-size:.8rem}}@media(max-width:600px){.detail-info-link{font-size:.6rem}}.new-container{color:#fff;flex-direction:column;width:70%;border-radius:.75rem;background-color:rgba(0,0,0,.801);padding:1rem 3rem;border:1px solid #fff}.new-container,.new-info{display:flex;justify-content:center;align-items:center}.new-info{grid-gap:1.6rem;gap:1.6rem}.new-info-image{width:500px;max-height:300px}.new-title{font-size:1.7rem}@media(max-width:1300px){.new-info{flex-direction:column}}@media(max-width:900px){.new-info{font-size:.8rem}.new-title{font-size:1.4rem}}@media(max-width:800px){.new-container{width:100%;border-radius:0;padding:1rem 0}.new-info-content{width:80%}}@media(max-width:600px){.new-info{grid-gap:1rem;gap:1rem}.new-info-image{width:350px}.new-title{font-size:1rem}}@media(max-width:400px){.new-info-content{font-size:.6rem}.new-info-image{width:250px}}.home-container{display:flex;justify-content:center;align-items:center;flex-direction:column}.home-title{color:#fff}.home-image{width:650px}.home-description{width:70%;color:#fff;background:rgba(253,184,80,.6980392156862745);padding:2rem;font-size:1.2rem;border-radius:.75rem;border:1px solid #fff}.home-news{display:flex;justify-content:center;align-items:center;flex-direction:column;grid-gap:2rem;gap:2rem}@media(max-width:900px){.home-title{font-size:1.5rem}.home-image{width:500px}.home-description{font-size:.8rem}}@media(max-width:800px){.home-description{width:100%;border-radius:0;text-align:center;text-overflow:ellipsis;padding:1rem 0}}@media(max-width:600px){.home-title{font-size:1.3rem}.home-image{width:400px}.home-description{font-size:.6rem}}@media(max-width:400px){.home-title{font-size:1.1rem}.home-image{width:250px}.home-description{font-size:.5rem}}.landing-container{display:flex;justify-content:center;align-items:center;flex-direction:column;color:#fff}.landing-image{width:700px}.landing-content{width:850px}.landing-link{text-decoration:none;color:#fff;background:#fd7f20;padding:1rem;border-radius:.75rem;border:1px solid #010100}.landing-link:hover{border:1px solid #fff;background:#fc2e20}@media(max-width:900px){.landing-content{width:550px}.landing-image{width:400px}}@media(max-width:600px){.landing-content{width:380px;font-size:.8rem}.landing-image{width:300px}}@media(max-width:400px){.landing-content{width:300px;font-size:.8rem}.landing-image{width:250px}.landing-link{font-size:.8rem;padding:.7rem}}.stories-container{display:flex;justify-content:center;align-items:center;flex-direction:column;grid-gap:2rem;gap:2rem;margin-top:2rem}body{padding:0;margin:0;font-family:"Mochiy Pop P One",sans-serif;background:url(https://th.bing.com/th/id/R.fd06e6a6c76559ce79ead7925a530f19?ehk=1l1Qb7veiIbgBQ8hLn56cWYtQPFP4FJWTrlIrOBtvBs%3D&pid=ImgRaw&r=0&rik=KJx%2FE%2FAoDr7eSg&risl=&riu=http%3A%2F%2Fwww.baltana.com%2Ffiles%2Fwallpapers-16%2FMarvel-Wallpaper-HD-41300.jpg);background-color:rgba(0,0,0,.589);background-blend-mode:darken;background-repeat:no-repeat;background-size:cover;background-position:50%;background-attachment:fixed;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover}.stories-page-container{display:flex;justify-content:center;align-items:center;flex-direction:column}
/*# sourceMappingURL=main.111c40be.chunk.css.map */