@import"https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@300;400;500;600;700&family=Open+Sans:wght@300;400;500;600;700;800&display=swap";html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;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:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}body{font-family:Open Sans,Chakra Petch,sans-serif;background-color:#070101;color:#fff}a{text-decoration:none}button{all:unset;background-color:#e30413;padding:5px 10px;color:#fff;border-radius:5px;width:250px;box-sizing:border-box;text-align:center}header{display:flex;padding:20px;justify-content:space-between;align-items:center;border-bottom:2px solid#E30413}header>div{display:flex;gap:20px}header>div p{color:#fff;font-weight:700;font-size:20px;font-family:Chakra Petch}header img{width:100px}input{border:none;outline:none}.search{margin:42px 0;display:flex;justify-content:center;align-items:center}.search input{color:#070101;font-family:Chakra Petch;font-weight:700;font-size:16px;box-sizing:border-box;padding:0 15px;height:30px;width:350px;border-radius:10px}.charactersContainer,.comicsContainer{display:flex;flex-wrap:wrap;justify-content:space-between;width:80vw;margin:0 auto;gap:60px}article{display:flex;justify-content:center;align-items:center;width:300px;background-color:#d9d9d9;padding:20px;border-radius:25px}article div:last-child{width:300px;height:80px}article img{height:250px;width:300px;object-fit:cover;border-radius:10px}article h2{font-weight:700;font-size:20px;margin:10px 0;color:#070101}article p{height:47px;overflow:hidden;color:#070101;font-size:15px}.characterById{display:flex;justify-content:center;align-items:center;width:80vw;margin:100px auto}.characterById main{display:flex;gap:150px}.characterById main div:first-child{height:720px;width:600px;background:#d9d9d9;display:flex;justify-content:center;align-items:center;border-radius:20px;padding:15px 25px;box-sizing:border-box}.characterById img{max-width:550px;max-height:660px;object-fit:cover;border-radius:10px}.characterById main div:last-child{display:flex;flex-direction:column;justify-content:center;gap:10px}.characterById h2{font-family:Chakra Petch;font-weight:700;font-size:40px;margin:15px 0}.characterById p{font-size:18px;margin-bottom:20px}.characterById h3{margin-bottom:15px}.characterById button{width:100%;margin:3px 0;overflow:hidden}.pagination{margin-top:120px;margin-bottom:80px;display:flex;justify-content:center;align-items:center;width:100vw;gap:50px}