@import url(https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700;800&family=Roboto+Condensed:wght@400;700&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;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}*,:after,:before{box-sizing:border-box}#root{display:flex;flex-direction:column;justify-content:space-between;min-height:100vh}main{flex-grow:1;background:#fff url(/static/media/marvel-bg.1893de3a.jpg) top/contain repeat}body{font-size:14px;line-height:1.4;font-family:"Open Sans",sans-serif;color:#202020}h1,h2,h3,h4{font-family:"Roboto Condensed",sans-serif;font-weight:700;margin-bottom:1.2rem}h1{font-size:3em}h2{font-size:1.6em}h3{font-size:1.3em}a{color:#e62429}.hidden{display:none!important}.container{max-width:1200px;padding:1.2em;margin:0 auto;background-color:hsla(0,0%,100%,.95);position:relative}.flex-center{display:flex;justify-content:center;align-items:center}.item-details{display:flex;flex-wrap:wrap}.item-details>div{width:100%;max-width:600px}.item-details>div>p{margin-bottom:30px}.item-details img{width:100%;max-width:520px;margin:0 20px 20px 0}.title-search{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;margin-bottom:20px}.title-search h1{flex:3 1}.isFav,.isNotFav{border:none;outline:none;color:#fff;font-size:16px;padding:6px 12px;border-radius:6px;box-shadow:0 0 18px #fff}.isFav:hover,.isNotFav:hover{cursor:pointer}.isNotFav{background-color:#0b4e90}.isFav{background-color:#fedf3b;color:#000}.grid-wrapper{display:grid;grid-template-columns:repeat(auto-fill,minmax(16rem,1fr));grid-gap:1.2rem}.item-description{width:100%;position:relative;background-position:0 100%;background-size:cover}.item-description>div{position:absolute;top:0;bottom:0;left:0;right:0;background:rgba(230,36,41,.75);color:#fff;visibility:hidden;opacity:0;display:flex;align-items:center;justify-content:space-around;flex-direction:column;transition:opacity .4s,visibility .6s;padding:20px;overflow:hidden}.item-description:hover>div{visibility:visible;opacity:1}#pagination ul{display:flex;flex-wrap:wrap;justify-content:center}#pagination li{padding:8px 12px;color:#fff;background-color:#e62429;margin:6px}#pagination li:hover{cursor:pointer}#search input{flex:3 1;margin-right:12px;outline:none}#search button{flex:1 1;background-color:#e62429;border:none;outline:none;color:#fff;padding:6px 12px}#search button:hover{cursor:pointer}#search{flex:2 1}#search form{display:flex}#simple-pagination button{background-color:#e62429;border:none;outline:none;color:#fff;padding:6px 12px;margin:0 12px}#simple-pagination button:hover{cursor:pointer}#simple-pagination,header{text-align:center}header{background-color:#202020;color:#fff;font-family:"Roboto Condensed",sans-serif;font-size:12px}header nav{height:40px;border-top:1px solid #393939;text-transform:uppercase;display:flex;justify-content:center;align-items:center}header nav a{color:#fff;font-family:"Roboto Condensed";margin:0 20px;font-weight:700;text-decoration:none}footer{background-color:#202020;color:#fff;text-align:center;padding:30px}
/*# sourceMappingURL=main.799c1b1b.chunk.css.map */