@import url(https://fonts.googleapis.com/css?family=Roboto+Slab:100,300,400,700);@import url(https://fonts.googleapis.com/css?family=Raleway:300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i);*{box-sizing:border-box;margin:0;padding:0}body{font-family:Arial,sans-serif;line-height:1.6;padding:20px}.app{margin:0 auto;max-width:1200px;padding:0 20px}h1,h2{margin-bottom:20px}.container{grid-gap:2rem;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-top:3rem;width:100%}.manga{border:none;border-radius:12px;box-shadow:0 13px 10px -7px #243a51;cursor:pointer;height:360px;margin:0 auto;max-width:260px;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.175,.885,0,1);width:100%}.manga div:first-of-type{color:#222929;opacity:0;padding:1px;position:absolute;top:0;width:100%}.manga:hover{box-shadow:0 30px 18px -8px #0000001a;transform:scale(1.05)}.manga div:nth-of-type(2),.manga div:nth-of-type(2) img{height:100%;width:100%}.manga div:nth-of-type(3){background-color:#000c;bottom:0;left:0;overflow:hidden;padding:16px;position:absolute;right:0;z-index:2}.manga div:nth-of-type(3) h3,.manga div:nth-of-type(3) p,.manga div:nth-of-type(3) span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.manga div:nth-of-type(3) h3{margin-bottom:5px}.manga div:nth-of-type(3) p{font-size:12px;margin:0}.manga div:nth-of-type(3) span{color:#fcfbfb;font-family:Raleway,sans-serif;font-size:13px;font-weight:500;letter-spacing:2px;text-transform:uppercase}.manga:hover div:nth-of-type(3) span{color:#194024}.manga div:nth-of-type(3) h3{color:#eeb98d;font-family:Roboto Slab,serif;margin-top:5px}.manga div:nth-of-type(3){color:#e96363}.manga:hover div:nth-of-type(3){background-color:initial;color:#000;opacity:1}.manga:hover div:first-of-type{color:#ec2c2c;opacity:1}@media screen and (max-width:400px){.app{padding:4rem 1rem}h1{font-size:2rem}.container{margin-top:2rem}.manga{margin:1rem;width:"100%"}}.home{align-items:center;display:flex;flex-direction:row;justify-content:space-between}.container{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));padding:1rem}.search{align-items:center;background:#8ba39d;border-radius:3rem;box-shadow:5px 5px 7px #1c1d1f,-5px -5px 7px #222527;display:flex;justify-content:center;margin:4rem 0 2rem;padding:1.5rem 1.75rem;width:100%}.search input{background:#8ba39d;border:none;color:snow;flex:1 1;font-family:var(--font-raleway);font-size:1.5rem;font-weight:500;outline:none;padding-bottom:1rem;padding-right:1rem;padding-top:1rem}form{margin-bottom:20px}input[type=text]{color:#fefffa;font-size:1.5rem;margin-left:0;margin-right:0;max-width:300px;width:100%}text{max-width:100%;padding:1rem 4rem}button{background-color:#212426;border:none;border-radius:40px;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px}button:disabled{background-color:#ccc;cursor:not-allowed}.pagination{align-items:center;display:flex;justify-content:center;margin-top:2rem}.pagination button{margin:0 1rem}.error{text-align:center}@media screen and (max-width:700px){.app{padding:4rem 2rem}.search{padding:1rem 1.75rem;width:100%}.search input{font-size:1rem}.home{align-items:center;display:flex;flex-direction:column;justify-content:center}}.manga-item{align-items:flex-start;border:1px solid #ddd;border-radius:5px;display:flex;flex-direction:row;margin-bottom:20px;padding:10px}.manga-image{height:150px;margin-right:20px;object-fit:cover;width:100px}.manga-details{flex:1 1}.manga-title{font-size:1.2em;font-weight:700;margin-bottom:5px}.manga-info{color:#666;font-size:.9em}.manga-rating{align-items:center;display:flex;margin-top:5px}.manga-rating-stars{color:gold;margin-right:5px}.manga-rating-value{font-weight:700}.manga-genres{margin-top:5px}.manga-genre{background-color:#f0f0f0;border-radius:3px;display:inline-block;font-size:.8em;margin-right:5px;padding:2px 5px}.reader{margin:0 auto;max-width:800px;padding:20px}.chapter-info{justify-content:space-between;margin-bottom:20px}.chapter-info,.page-container{align-items:center;display:flex}.page-container{flex-direction:column}.page-container img{height:auto;margin-bottom:20px;max-width:100%}.page-controls{display:flex;justify-content:space-between;max-width:300px;width:100%}.error{color:red;margin-bottom:10px}.navigation{position:fixed;right:20px;top:20px;z-index:1000}.navigation ul{display:flex;list-style-type:none;margin:0;padding:0}.navigation li{margin-left:20px}.navigation a{color:#333;font-weight:700;text-decoration:none}.navigation a:hover{color:#007bff}
/*# sourceMappingURL=main.d022c58b.css.map*/