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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}@font-face{font-family:"colaborate-regular";src:url(/react-comics/static/media/ColabReg-webfont.e5eb2c7a.eot);src:url(/react-comics/static/media/ColabReg-webfont.e5eb2c7a.eot) format("embedded-opentype"),url(/react-comics/static/media/ColabReg-webfont.1f05dc0c.woff) format("woff");font-weight:400;font-style:normal}body,html{background:#000 url(/react-comics/static/media/marvel-background.00e76309.jpg) no-repeat 50%/cover;height:100vh;color:#fff;font-family:Arial,Helvetica,sans-serif}.app{background:linear-gradient(180deg,rgba(240,19,30,.7),#7c0f18 30%,#080808 90%,#000)}.container{max-width:1100px;margin:auto;padding:0 20px}.center{display:flex;align-items:center;justify-content:center}header{height:200px}header img{width:200px}.search{height:100px}input[type=text]{display:block;padding:10px;font-size:20px;border:0;border-radius:5px;width:90%;margin:auto}@media (min-width:480px){input[type=text]{width:60%}}.comicList{min-height:100vh;grid-gap:.4rem;gap:.4rem;display:grid;grid-template-columns:repeat(2,1fr)}@media (min-width:480px){.comicList{grid-gap:.8rem;gap:.8rem;grid-template-columns:repeat(3,1fr)}}@media (min-width:768px){.comicList{grid-gap:1rem;gap:1rem;grid-template-columns:repeat(4,1fr)}}.comicList .animation{grid-column:span 4;padding-top:60px}.comic{height:270px;cursor:pointer;perspective:1000px;transform:scale(.9);background-color:#000;box-shadow:0 0 5px 3px #fff}@media (min-width:320px){.comic{height:290px}}@media (min-width:480px){.comic{height:250px}}@media (min-width:600px){.comic{height:330px}}@media (min-width:768px){.comic{height:350px}}@media (min-width:1024px){.comic{height:390px}}.comic img{width:100%;-webkit-clip-path:polygon(0 0,100% 0,100% 68%,0 78%);clip-path:polygon(0 0,100% 0,100% 68%,0 78%);object-fit:cover}@media (min-width:400px) and (max-width:480px){.comic img{-webkit-clip-path:polygon(0 0,100% 0,100% 58%,0 68%);clip-path:polygon(0 0,100% 0,100% 58%,0 68%)}}.comic .title{position:absolute;bottom:0;padding:0 5px;display:flex;justify-content:flex-start;align-items:center;height:32%;width:100%;font-size:.7rem;z-index:1}@media (min-width:480px){.comic .title{height:35%}}@media (min-width:1024px){.comic .title{height:25%}}.comic .title h2{font-size:1rem;padding:0 5px;margin:0;font-weight:500;font-family:"colaborate-regular",sans-serif}@media (min-width:480px){.comic .title h2{font-size:1rem}}@media (min-width:600px){.comic .title h2{font-size:1.2rem}}@media (min-width:1024px){.comic .title h2{padding:0 10px 0 5px}}.comic .comic-inner{transition:transform .8s;transform-style:preserve-3d}.comic .comic-front,.comic .comic-inner{position:relative;width:100%;height:100%}.comic .comic-front{background-color:#000}.comic .overlay{top:0;width:100%;height:100%;opacity:.5;align-items:center;background-color:#ccc;transition:all .35s ease-in-out}.comic .check-holder,.comic .overlay{display:flex;position:absolute;justify-content:center}.comic .check-holder{height:70px;width:70px;top:50%;left:50%;border-radius:40px;align-items:flex-start;background-color:rgba(230,227,227,.988235);transform:translate(-50%,-50%)}.comic .check-holder .check{width:18px;height:36px;margin-top:7px;display:inline-block;transform:rotate(45deg);border-bottom:9px solid #78b13f;border-right:9px solid #78b13f}.comic .options{top:30%;width:100%;display:flex;flex-direction:column;position:absolute;justify-content:center;opacity:1;transition:all .2s ease-in-out}@media (min-width:480px){.comic .options{top:25%}}@media (min-width:600px){.comic .options{top:35%}}@media (min-width:1024px){.comic .options{top:65%;flex-direction:row}}.comic .options.hidden{display:none;transition:all .15s ease-in-out}.btn-default{box-sizing:border-box;outline:none;background-color:#f0131e;border-radius:.6em;cursor:pointer;align-self:center;font-size:.8rem;line-height:1;margin:5px;padding:12px 1.2em;text-decoration:none;text-align:center;text-transform:uppercase;font-family:"Montserrat",sans-serif;font-weight:700;border:2px solid #e74c3c;color:#fff;box-shadow:inset 0 0 40px 40px #e74c3c,0 0 0 0 #e74c3c;transition:all .15s ease-in-out}.btn-default:hover{box-shadow:inset 0 0 10px 0 #e74c3c,0 0 10px 4px #e74c3c}.modal-content{display:flex;color:#fff;max-width:800px;font-family:"colaborate-regular",sans-serif;background:#000 url(/react-comics/static/media/marvel-background.00e76309.jpg) no-repeat 50%/cover}.modal-content .modal-overlay{display:flex;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;align-items:center;padding:35px 15px;font-size:1.1rem;flex-direction:column;background-color:rgba(240,19,30,.8)}@media (min-width:480px){.modal-content .modal-overlay{font-size:1.2rem;flex-direction:row}}.modal-content img{border:3px solid #fff}.modal-content h2{font-size:1.4rem}@media (min-width:480px){.modal-content h2{font-size:1.5rem}}.modal-content ul{list-style:none;padding-left:0}@media (min-width:480px){.modal-content ul{padding-left:40px}}.modal-content .close-btn{top:0;right:0;border:none;color:#fff;outline:none;cursor:pointer;font-size:15px;padding:8px 16px;position:absolute;background-color:transparent}.mail{margin-top:20px;padding:80px 0 130px}.mail span{display:block;padding:15px 0 25px;text-align:center;font-size:1.4rem;font-family:"colaborate-regular",sans-serif}.mail input{margin:0}.mail button{height:43px}.mail .send-mail{display:flex;height:43px;justify-content:center}
/*# sourceMappingURL=main.6ec4c53a.chunk.css.map */