@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;700&display=swap" rel="stylesheet);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--background);font-family:Poppins,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;font-family:Poppins,Segoe UI;margin:0;padding:0}:root{--black:#1a1a1d;--white:#fff;--orange:#f75431;--background--dark:#1a1a1d;--background--light:#fcf8f8}h1{font-size:3.052rem}h2{font-size:2.441rem}h3{font-size:1.953rem}h4{font-size:1.563rem}h5{font-size:1.24rem}.flex-row{display:flex;flex-direction:row;gap:5%}.flex-col{display:flex;flex-direction:column;gap:1em}.space-between{align-items:center;justify-content:space-between}.section-title{border-left:.5rem solid #f75431;border-left:.5rem solid var(--orange);padding-left:.5em;text-align:left}@media only screen and (max-width:768px){html{font-size:12px}}.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{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.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)}}header{align-items:center;background-color:transparent;border-bottom:1px solid hsla(0,0%,100%,.3);display:flex;justify-content:space-between;padding:1em 3em 1em 2em;position:fixed;transition:all .15s ease-in;width:100vw;z-index:100}.scrolled-nav,header:hover{background-color:var(--black);border-bottom:none;transition:all .15s ease-in}.logo{align-items:center;color:var(--white);display:flex;font-size:1.25rem;gap:1em;text-decoration:none}.logo img{height:2.5rem}nav{display:flex;gap:2em;height:100%;justify-content:flex-end}.nav-item{color:var(--white);font-size:1.125rem;font-weight:500;text-decoration:none}.nav-item:hover{color:var(--orange)}.hamnav-logo{color:var(--white);cursor:pointer;display:none;font-size:2rem}@media only screen and (max-width:768px){nav{align-items:center;background-color:var(--black);flex-direction:column;height:auto;justify-content:center;left:0;padding:7em 0 3em;position:absolute;top:0;-webkit-transform:translateY(-150%);transform:translateY(-150%);transition:all .4s ease-in;width:100%;z-index:-10}.nav-item{font-size:1.5rem}.show-nav{-webkit-transform:translateY(0);transform:translateY(0)}.hamnav-logo{display:block}}@font-face{fallback:fallback;font-family:revicons;src:url(/static/media/revicons.e8746a624ed098489406.woff) format("woff"),url(/static/media/revicons.57fd05d4ae650374c8de.ttf) format("ttf"),url(/static/media/revicons.a77de540a38981833f9e.eot) format("ttf")}.react-multi-carousel-list{align-items:center;display:flex;overflow:hidden;position:relative}.react-multi-carousel-track{-webkit-backface-visibility:hidden;backface-visibility:hidden;display:flex;flex-direction:row;list-style:none;margin:0;padding:0;position:relative;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;will-change:transform,transition}.react-multiple-carousel__arrow{background:rgba(0,0,0,.5);border:0;border-radius:35px;cursor:pointer;min-height:43px;min-width:43px;opacity:1;outline:0;position:absolute;transition:all .5s;z-index:1000}.react-multiple-carousel__arrow:hover{background:rgba(0,0,0,.8)}.react-multiple-carousel__arrow:before{color:#fff;display:block;font-family:revicons;font-size:20px;position:relative;text-align:center;z-index:2}.react-multiple-carousel__arrow:disabled{background:rgba(0,0,0,.5);cursor:default}.react-multiple-carousel__arrow--left{left:calc(4% + 1px)}.react-multiple-carousel__arrow--left:before{content:"\e824"}.react-multiple-carousel__arrow--right{right:calc(4% + 1px)}.react-multiple-carousel__arrow--right:before{content:"\e825"}.react-multi-carousel-dot-list{bottom:0;display:flex;justify-content:center;left:0;list-style:none;margin:0;padding:0;position:absolute;right:0;text-align:center}.react-multi-carousel-dot button{border:2px solid grey;border-radius:50%;box-shadow:none;cursor:pointer;display:inline-block;height:12px;margin:0 6px 0 0;opacity:1;outline:0;padding:0;transition:background .5s;width:12px}.react-multi-carousel-dot button:hover:active,.react-multi-carousel-dot--active button{background:#080808}.react-multi-carousel-item{-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}@media (-ms-high-contrast:active),(-ms-high-contrast:none){.react-multi-carousel-item{flex-shrink:0!important}.react-multi-carousel-track{overflow:visible!important}}.hero-section{background-position:50%;background-size:cover;height:100vh;width:101%}.hero-section__title{text-align:center}.hero-section__detail{align-items:center;background-color:rgba(0,0,0,.7);color:var(--white);display:flex;flex-direction:column;gap:1em;height:100%;justify-content:center;width:100%}.more-button{background-color:var(--orange);border:1px solid var(--orange);border-radius:4px;color:var(--white);cursor:pointer;font-size:1.25rem;padding:.5em 1em}.comic-card{position:relative;width:11rem}.comic-card__image{background-color:#f0f3f5;border-radius:10px;height:15rem;object-fit:cover;object-position:center;width:100%}.comic-card__title{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;flex-wrap:wrap;font-weight:400;line-height:140%;overflow:hidden;text-align:left;text-overflow:ellipsis}.heart-icon{stroke:var(--orange);stroke-width:40;overflow:visible;transition:all .2s linear;width:1.25rem}.comic-card__heart{background-color:var(--black);border-radius:100%;cursor:pointer;padding:.7rem .6rem .2rem;position:absolute;right:5%;top:12rem}.skeleton{width:11rem}.skeleton__image{border-radius:10px;height:15rem}.skeleton__image,.skeleton__title{-webkit-animation:skeleton-loading 1.5s linear infinite alternate;animation:skeleton-loading 1.5s linear infinite alternate;width:100%}.skeleton__title{border-radius:5px;height:1.2rem;margin:.5em 0}.skeleton__title:last-child{width:80%}@-webkit-keyframes skeleton-loading{0%{background-color:#a3b8c2}to{background-color:#f0f3f5}}@keyframes skeleton-loading{0%{background-color:#a3b8c2}to{background-color:#f0f3f5}}@-webkit-keyframes skeleton-text-loading{0%{background-color:#383838}to{background-color:#787878}}@keyframes skeleton-text-loading{0%{background-color:#383838}to{background-color:#787878}}.main-carousel{width:100%}.manga-section{margin:0 auto;padding:3em 0;width:80%}.manhwa-section{margin:0 auto;padding:0 0 3em;width:80%}.comic-carousel{margin:4em 0}.loading-background{align-items:center;background-color:var(--black);gap:1.5em;height:100vh;justify-content:center;position:absolute;width:100vw;z-index:100}.loading-background img{height:5rem}.loading-background h1{color:var(--white)}footer{background-color:var(--black);padding:1.5em 0}.socials-section{display:flex;justify-content:center;margin:1em 0}.socials-section img{margin:0 .75em;opacity:60%;width:2.5rem}.copyright{color:var(--white);font-weight:300;text-align:center}#comic-page{min-height:80vh;padding:10em 0 5em}.search-bar{align-items:center;border:1px solid transparent;border-radius:10px;box-shadow:0 0 10px rgba(0,0,0,.25);display:flex;justify-content:space-between;margin:0 auto;padding:.5em 1%;width:80%}.search-bar__bar{border:none;font-size:1.5rem;width:95%}.search-bar__bar:focus{outline:none}.search-bar__icon{font-size:1.5rem}.result-section{grid-gap:3em 1em;display:grid;gap:3em 1em;grid-template-columns:repeat(auto-fill,minmax(11rem,1fr));justify-items:center;margin:4em auto;width:80%}.no-data-header{grid-column:span 6}.character-card{width:12rem}.character-card__image{border-radius:10px;height:17rem;object-fit:cover;object-position:center;width:100%}.character-card__title{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;flex-wrap:wrap;font-weight:500;line-height:140%;overflow:hidden;text-align:left;text-overflow:ellipsis}.character-card__subtitle{font-weight:300}#detail-page{min-height:80vh;padding:0 10%}.detail-section{padding:10em 0 5em}.detail-flex-col{display:flex;flex-direction:column;gap:1em}.detail-flex-row{display:flex;gap:5%}.detail-section__poster{background-color:#f0f3f5;border-radius:10px;min-height:22rem;min-width:15rem;object-fit:cover;width:25%}.detail-section__genres{display:flex;flex-wrap:wrap;gap:.4em}.main-data{min-width:70%}.genre{border-radius:25px;padding:.1em .6em}.add-button,.genre{background-color:var(--orange);color:var(--white)}.add-button{border:1px solid var(--orange);border-radius:4px;cursor:pointer;font-size:1.25rem;padding:.5em 0;width:22%}.skeleton-animate{-webkit-animation:skeleton-loading 1.5s linear infinite alternate;animation:skeleton-loading 1.5s linear infinite alternate}.detail-section__title--skeleton{border-radius:5px;height:3rem;margin-bottom:2em;width:80%}.detail-section__synopsis--skeleton{border-radius:3px;height:1.5rem;width:60vw}.detail-section__synopsis--skeleton:last-child{border-radius:3px;height:1.5rem;width:40vw}@media only screen and (max-width:1200px){.detail-section__poster{width:40%}.detail-flex-row{flex-direction:column}.detail-section__genres{justify-content:center}.detail-section__title{margin-top:1em;text-align:center}.add-button{margin:1em 0;width:40%}.detail-section__synopsis{margin-top:1.5em}.detail-section__title--skeleton{margin-top:2em}}
/*# sourceMappingURL=main.4deb9296.css.map*/