@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Bangers&display=swap);a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;font-family:"Roboto",sans-serif;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--primary:#ee1c24;--hover:#ac1419;--dark:#212121;--bg:#161616}*{box-sizing:border-box;font-family:"Roboto",sans-serif}.character-container,.characters-container,.comics-container,.favorites-container{margin:0 25px}.loader-container{min-height:80vh;display:flex;align-items:center;justify-content:center}header{padding:0 80px;color:#fff;background:#161616;background:var(--bg)}.header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center}.logo{height:70px;cursor:pointer}.header form input{outline:none;border:2px solid #161616;border:2px solid var(--bg);border-radius:3px;padding:5px;font-family:"Bangers",cursive;font-size:18px}.header form input:focus{border:2px solid #ee1c24;border:2px solid var(--primary)}.search-btn{background:#161616;background:var(--bg);color:#fff;font-size:18px}.search-btn :hover{color:#ee1c24;color:var(--primary)}.header a{font-family:"Bangers",cursive;font-size:25px}a,li{display:inline-block;margin-right:10px}li a{display:flex;justify-content:center;align-items:center;color:#fff;padding:14px 16px;text-decoration:none;height:70px;font-weight:700}li a:hover{background-color:#ee1c24;background-color:var(--primary)}.footer{margin-top:80px;height:100px;color:#fff;background:#161616;background:var(--bg);display:flex;justify-content:center;align-items:center}.footer a,.footer strong{text-decoration:none;font-weight:700;color:#fff;font-family:"Bangers",cursive}.characters{display:flex;flex-wrap:wrap;padding-left:20px;max-width:1370px;margin:0 auto 50px}.character-card{display:flex;flex-direction:column;justify-content:space-between;border:1px solid #000;height:330px;width:250px;overflow:hidden;margin-top:20px;margin-right:20px;background:#212121;background:var(--dark);position:relative}.character-card img{height:250px;width:100%;object-fit:cover;object-position:top;margin-bottom:10px;transform:scale(1.12)}.character-card:hover{transition-timing-function:cubic-bezier(.75,0,.125,1);transition-duration:.3s}.character-card:hover .card-img{background:#212121;background:var(--dark)}.character-card:hover img{height:260px;width:100%;transform:scale(1);opacity:.4;filter:alpha(opacity=30)}.angle-parent{position:relative}.angle{transform:rotate(45deg);top:8px;right:8px;background:#fff;border-bottom:1px solid #000;height:25px;width:25px;position:absolute;z-index:1}.angle-parent:hover .angle{border-bottom:none;transition:transform .5s ease 0s;transform:translate(50%,-50%) rotate(45deg)}.card-txt{font-size:18px;margin-bottom:20px;margin-left:10px;display:flex;justify-content:space-between;align-items:center}.character-card:hover .title{margin-left:12px;transition:.3s ease}.description{position:absolute;display:none;flex-direction:column;justify-content:flex-start;top:30px;margin:10px}.faBookOpen{margin:-20px 0 10px}.card-txt svg{margin:0 10px}.character-card:hover .description{display:flex}.card-txt p,.description p{color:#fff}.card-txt p,.comic-card span{font-family:"Bangers"}.character-card svg{color:#fff}.character-card svg:hover{color:#ee1c24;color:var(--primary)}.description svg{margin-bottom:10px}.bookmark,.card-img,.character-card>.card-txt p,.description{cursor:pointer}.comics{display:flex;flex-wrap:wrap;justify-content:flex-start;flex:1 1;margin-top:35px!important}.no-result{margin:0 auto;font-size:25px;display:flex;justify-content:center;align-items:center;height:60vh}.comic-card{width:400px;height:250px;display:flex;color:#fff;margin:5px;background:#212121;background:var(--dark)}.comic-card img{width:165px;height:250px;object-fit:cover;object-position:center}.comic-card .card-txt-wrapper{border-left:5px solid #ee1c24;border-left:5px solid var(--primary)}.comic-card .card-txt{overflow:scroll;height:250px;width:230px}.comic-card .card-txt>p{padding:10px;margin-top:10px;font-weight:lighter}.comic-card .bookmark{cursor:pointer}.comic-card .bookmark:hover{color:red}.comics-container .comic-card{margin:5px auto}.comic-card .card-txt{padding:20px 20px 10px 0}.comic-card p{font-family:"Roboto";margin-top:10px;font-size:16px}.comic-card .card-txt{display:flex;flex-direction:column;justify-content:flex-start}.card-txt-wrapper .card-txt div{display:flex;justify-content:space-between}::-webkit-scrollbar{display:none}.character{padding:0 20px;margin:30px auto}.character div{width:-webkit-max-content;width:-moz-max-content;width:max-content;display:flex;flex-direction:column;justify-content:center;align-items:center;margin:0 auto}.character h1{text-align:center;font-size:30px;font-weight:700;margin-bottom:30px;font-family:"Bangers",cursive}.character p{text-align:center;font-size:18px;margin:10px auto}.character>div img{width:250px;height:auto;object-fit:cover;object-position:top}h1{font-size:35px;margin-top:40px}h1,h2{text-align:center;font-weight:700;margin-bottom:20px;font-family:"Bangers",cursive}h2{font-size:25px;margin-top:20px}.character-comics .comic-card{margin:5px auto}.pages{display:flex;justify-content:flex-start;align-items:center;margin-right:20px}.pages>svg{color:grey}.pages button{margin:0 5px;font-weight:400}.pages>div{cursor:pointer}.pages>div:hover{color:#ee1c24;color:var(--primary)}button{font-size:16px;cursor:pointer;border:none;outline:none;background:#fff}.btn-txt{font-size:14px}.pages div:hover button{color:#ee1c24!important;color:var(--primary)!important}.pages-limit{display:flex;align-items:center;justify-content:center}select{cursor:pointer}.limit,option,select{font-family:"Bangers",cursive}.pages span{cursor:default}div>button{font-weight:700;padding:8px;font-family:"Bangers",cursive;font-size:20px}.modal{display:none;position:fixed;z-index:10;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:rgba(0,0,0,.7);justify-content:center;align-items:center}.modal-container{background:#fff;padding:20px;color:#161616;border-radius:2px;position:relative}.modal form{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px 10px 20px}.modal form input{background:#fff;color:#000;font-size:18px;border:none;border-bottom:1px solid #212121;border-bottom:1px solid var(--dark);padding:10px 20px;font-family:"Roboto"}.modal form input:focus{border:none;border-bottom:2px solid #ee1c24;border-bottom:2px solid var(--primary)}.modal ::-webkit-input-placeholder{color:#b9b4b4;font-family:"Bangers",cursive}.modal :-ms-input-placeholder{color:#b9b4b4;font-family:"Bangers",cursive}.modal ::placeholder{color:#b9b4b4;font-family:"Bangers",cursive}.modal-container span{font-weight:700;padding:10px;margin:10px 0}.sign-form{display:flex;flex-direction:column;justify-content:center}.sign-btn{cursor:pointer;font-family:"Bangers",cursive;font-size:20px}.sign-btn:first-child{cursor:pointer;margin-right:20px}.modal-container button:hover{font-weight:700;background:#ac1419;background:var(--hover);border:2px solid #ac1419;border:2px solid var(--hover)}.modal-container .sign-btn:hover{color:#ee1c24!important;color:var(--primary)!important;border-bottom:2px solid #ee1c24!important;border-bottom:2px solid var(--primary)!important}.modal-container button{font-weight:700;cursor:pointer;padding:10px;background:#ee1c24;background:var(--primary);color:#fff;border:2px solid #ee1c24;border:2px solid var(--primary);border-radius:2px;font-family:"Bangers",cursive;font-size:25px}.sign{display:flex;justify-content:center}.modal-btn:hover{color:#ee1c24;color:var(--primary)}.close{color:#aaa;font-size:16px;font-weight:700;position:absolute;top:10px;right:12px}.close:focus,.close:hover{color:red;text-decoration:none;cursor:pointer}.bookmark:hover{color:#000}.favorites-container{min-height:62vh}.favorites-container h2{padding-left:10px;margin-left:20px;text-align:left}.favorites-container>.comics{margin:0 auto;max-width:1370px;justify-content:flex-start;padding-left:42.5px;display:flex;flex-wrap:wrap}.favorites-container>.characters>span{margin-top:15px;margin-left:22px}.favorites-container>.comics>.comic-card{padding:0;margin:20px 42.5px 0 0}.favorites-container>.comics>span{padding:0}.xs{display:none}@media (max-width:927px){.not-xs{display:none}header{padding:0;margin:0}.header{justify-content:space-between;align-items:center}.header,.xs{display:flex}.xs{padding:0;margin:0 20px}.xs-nav li{width:-webkit-min-content;width:-moz-min-content;width:min-content}.logo{height:50px;padding:0;margin:0}.xs-nav{position:absolute;background-color:#161616;background-color:var(--bg);top:0;width:100vw;height:100vh;display:flex;justify-content:space-between;z-index:2;padding:10px}.xs-nav nav{margin-top:20px}.xs-nav button:first-child{margin-top:10px}nav>li :hover{padding:0;margin:0}.xs-nav button:first-child:hover{color:#ee1c24;color:var(--primary)}.modal-btn{margin:0 auto}.xs-nav ul{display:flex;flex-direction:column}.xs-times:hover{color:#ee1c24;color:var(--primary)}.xs-nav div{margin-top:10px}.header a{font-family:"Bangers",cursive;font-size:25px}a,li{display:inline}li a{padding:0;height:40px}li a:hover{background-color:#161616;background-color:var(--bg);color:#ee1c24;color:var(--primary)}.characters{max-width:560px;margin:0 auto}.xs-search{position:absolute;background-color:#161616;background-color:var(--bg);top:0;width:100vw;height:-webkit-max-content;height:-moz-max-content;height:max-content;display:flex;justify-content:space-between;z-index:2;padding:10px}.xs-search input{width:80vw}}@media (max-width:445px){.characters,.characters-container{padding:0;margin:0}.characters{width:100vw;justify-content:center}.character-card{margin-left:20px}.comic-card{width:100%;height:auto;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;margin:5px;background:#212121;background:var(--dark)}.comic-card img{margin-top:10px;width:165px;height:250px;object-fit:cover;object-position:center}.comic-card .card-txt-wrapper{border-left:none}.comic-card .card-txt{overflow:scroll;height:auto;width:100%}.comic-card .card-txt>p{padding:10px;margin-top:10px;font-weight:lighter}.pages-limit{display:flex;flex-direction:column;justify-content:center;align-items:center}.footer{font-size:12px}}.loader,.loader:after,.loader:before{background:#ec1d24;animation:load1 1s ease-in-out infinite;width:1em;height:4em}.loader{color:#ec1d24;text-indent:-9999em;margin:200px auto;position:absolute;font-size:11px;transform:translateZ(0);animation-delay:-.16s}.loader:after,.loader:before{position:absolute;top:0;content:""}.loader:before{left:-1.5em;animation-delay:-.32s}.loader:after{left:1.5em}@keyframes load1{0%,80%,to{box-shadow:0 0;height:4em}40%{box-shadow:0 -2em;height:5em}}
/*# sourceMappingURL=main.ba9ac4e9.chunk.css.map */