@import url(https://fonts.googleapis.com/css2?family=Bangers&family=Roboto:wght@400;700&display=swap);a{text-decoration:none;color:#000}a:hover{color:#fff}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%;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}.Header{position:relative;height:150px;background-image:linear-gradient(#202020,#000);margin-bottom:10px}.Header .container{height:100%}.Header-content{display:flex;justify-content:space-between;height:100%}.Header-content div{min-width:21%}.Header .navigation{height:100%;background-image:linear-gradient(#ec1d24,#8b1620)}.Header nav{display:flex;font-size:30px}.Header nav>div{padding:10px;margin:30px 20px 0}.Header nav span{color:#fff}.Header .logo{height:70px;margin:30px}.Header .logo img{height:100%}.Header svg{position:absolute;bottom:0;width:100%;height:2.5vw}.Footer{margin-top:auto;position:relative;height:150px;background-image:linear-gradient(#ec1d24,#8b1620)}.Footer-content{text-align:center;margin-top:80px;color:#fff}.Footer-content div{margin:4px 0}.Footer a{margin:0 8px;color:#fff;letter-spacing:1px}.Footer a:hover{color:#000}.Footer svg{position:absolute;top:0;width:100%;height:2.5vw}:root{--toastify-color-success:#ec1d24!important;--toastify-color-dark:linear-gradient(#202020,#000)!important}*{box-sizing:border-box;font-family:"Bangers",cursive}body,html{margin:0}#root{display:flex;flex-direction:column;min-height:100vh}::selection{color:#fff;background:#202020}.container{max-width:1400px;margin:0 auto}.loader{display:flex;flex-direction:column;justify-content:center;align-items:center;color:#ec1d24;font-weight:700;letter-spacing:1px;font-size:22px}.lds-ripple{display:inline-block;position:relative;width:80px;height:80px}.lds-ripple div{position:absolute;border:4px solid #ec1d24;opacity:1;border-radius:50%;animation:lds-ripple 1s cubic-bezier(0,.2,.8,1) infinite}.lds-ripple div:nth-child(2){animation-delay:-.5s}@keyframes lds-ripple{0%{top:36px;left:36px;width:0;height:0;opacity:1}to{top:0;left:0;width:72px;height:72px;opacity:0}}.noselect{-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}h1{font-size:42px}h1,h2{margin:20px 0}h2{font-size:32px}.result-text{font-size:18px}.Character-content,.Characters-content,.Comics-content,.Home-content{display:flex;flex-direction:column;justify-content:center;text-align:center;align-items:center}.Home-content .categories a:hover{color:#000}.Home-content .categories,.Home-content .favorites-characters,.Home-content .favorites-comics{display:flex;flex-wrap:wrap}.Home-content .character.main-page div.character-picture,.Home-content .comic.main-page div.comic-picture{height:650px;width:420px}.Home-content .character.main-page .character-picture img{object-position:-120px}.Home-content .character.main-page .character-name,.Home-content .comic.main-page .comic-title{font-size:32px}.Home-content .categories,.Home-content .character,.Home-content .comic,.Home-content .favorites-characters,.Home-content .favorites-comics{height:100%;justify-content:center}.Characters-results,.Comics-results{display:flex;flex-wrap:wrap;justify-content:center}.Characters-content .search-name,.Comics-content .search-name{margin:25px;width:400px;height:60px;padding:5px 10px;border:solid #000;border-width:3px 3px 5px 5px;border-radius:4% 95% 6% 95%/95% 4% 92% 5%;background-color:#fff;transform:rotate(-.75deg);-webkit-transform:rotate(-.75deg) scale(.9999);-moz-transform:rotate(-.75deg) scale(.9999);-o-transform:rotate(-.75deg) scale(.9999);-ms-transform:rotate(-.75deg) scale(.9999)}.search-name-input{width:100%;height:100%;font-size:22px;outline:none;border:none}.character,.comic{position:relative}.Character-content div.character-picture,.character>div.character-picture{margin:25px;width:270px;height:270px;background:#000;float:left;overflow:hidden;border:solid #000;border-width:3px 4px 3px 5px;border-radius:95% 4% 92% 5%/4% 95% 6% 95%;transform:rotate(2deg);-webkit-transform:rotate(2deg) scale(.9999);-moz-transform:rotate(2deg) scale(.9999);-o-transform:rotate(2deg) scale(.9999);-ms-transform:rotate(2deg) scale(.9999);transition:transform .5s ease;-webkit-transition:transform .5s ease;-moz-transition:transform .5s ease;-o-transition:transform .5s ease}.character>div.character-picture.nopic,.comic>div.comic-picture.nopic{background-image:linear-gradient(#202020,#000);font-size:230px;color:#fff;text-align:center;line-height:250px;vertical-align:middle;transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease}.comic>div.comic-picture.nopic{line-height:415px}.character-picture img,.comic-picture img{transform-origin:100 100;flex-shrink:0;min-height:100%;min-width:100%;max-height:100%;transition:transform .5s ease;-webkit-transition:transform .5s ease;-moz-transition:transform .5s ease;-o-transition:transform .5s ease}.character:hover{cursor:pointer}.character:hover div.character-picture{font-size:240px;transform:scale(1.15);-moz-transform:scale(1.15);-webkit-transform:scale(1.15)}.comic:hover div.comic-picture,.Home-content .character.main-page:hover div.character-picture{font-size:240px;transform:scale(1.075);-moz-transform:scale(1.075);-webkit-transform:scale(1.075)}.character:hover img{transform:scale(1.15);-moz-transform:scale(1.15);-webkit-transform:scale(1.15)}.Character-content .character-picture:hover,.Character-content .character-picture:hover img,.Character-description .comics-dialog:hover,.comic:hover img{transform:scale(1.05);-moz-transform:scale(1.05);-webkit-transform:scale(1.05)}.character:hover .character-name,.comic:hover .comic-title{background:gold;transform:scale(1.15);-moz-transform:scale(1.15);-webkit-transform:scale(1.15)}.character-name,.comic-title{transform:rotate(2deg);margin:15px;padding:2px 6px;position:absolute;bottom:10px;right:10px;background:#ddd;border:1px solid #222;box-shadow:3px 3px 0 #222;font-size:20px;transition:transform .5s ease;-moz-transform:scale(.9999)}.comic>div.comic-picture{margin:25px;width:270px;height:415px;background:#000;float:left;overflow:hidden;border:solid #000;border-width:3px 4px 3px 5px;border-radius:95% 4% 92% 5%/4% 95% 6% 95%;transform:rotate(2deg);transition:transform .5s ease;-moz-transform:rotate(2deg) scale(.9999)}.Character-header,.Character-header h1,.Character-info{display:flex}.Character-header{width:100%;padding:0 40px;justify-content:space-between}.Character-header .go-back{margin:30px 0}.Character-header .go-back a:hover{color:#ec1d24}.Character-header .favstar-img{margin-left:10px;margin-top:-6px}.Character-info{justify-content:center;align-items:center}.Character-info>div.character-picture{margin:25px;width:600px;height:600px;background:#000;float:left;overflow:hidden;border:solid #000;border-width:3px 4px 3px 5px;border-radius:95% 4% 92% 5%/4% 95% 6% 95%;transform:rotate(2deg);-webkit-transform:rotate(2deg) scale(.9999);-moz-transform:rotate(2deg) scale(.9999);-o-transform:rotate(2deg) scale(.9999);-ms-transform:rotate(2deg) scale(.9999);transition:transform .5s ease;-webkit-transition:transform .5s ease;-moz-transition:transform .5s ease;-o-transition:transform .5s ease}.Character-info>div.character-picture.nopic{background-image:linear-gradient(#202020,#000);font-size:550px;color:#fff;text-align:center;line-height:560px;vertical-align:middle}.Character-info>div.character-picture.nopic,.Character-info>div.character-picture.nopic:hover{transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease}.Character-info>div.character-picture.nopic:hover{font-size:600px;transform:rotate(10deg) scale(1.05);-webkit-transform:rotate(1deg) scale(1.05);-moz-transform:rotate(1deg) scale(1.05);-o-transform:rotate(1deg) scale(1.05);-ms-transform:rotate(1deg) scale(1.05)}.Character-description{max-width:50%;display:flex;flex-direction:column}.Character-comics{margin:60px 20px;width:90%}.Character-comics-info{display:flex;margin:40px 0;background-image:linear-gradient(#f0f0f0,#ddd);padding:30px 80px;border:1px solid #000;border-width:3px 4px 3px 5px;border-radius:95% 4% 92% 5%/4% 95% 6% 95%;transition:transform .5s ease}.Character-comics-info div.comic-picture.nopic{background-image:linear-gradient(#202020,#000);font-size:160px;color:#fff;text-align:center;line-height:250px;vertical-align:middle;min-width:165px}.Character-comics .Character-comics-info:nth-child(2n):hover{transform:rotate(1deg) scale(1.05);-webkit-transform:rotate(1deg) scale(1.05);-moz-transform:rotate(1deg) scale(1.05);-o-transform:rotate(1deg) scale(1.05);-ms-transform:rotate(1deg) scale(1.05);transition:transform .5s ease}.Character-comics .Character-comics-info:nth-child(odd){flex-direction:row-reverse;border-width:3px 4px 3px 5px;border-radius:95% 4% 92% 5%/4% 95% 6% 95%}.Character-comics .Character-comics-info:nth-child(odd):hover{transform:rotate(1deg);-webkit-transform:rotate(-1deg) scale(1.05);-moz-transform:rotate(-1deg) scale(1.05);-o-transform:rotate(-1deg) scale(1.05);-ms-transform:rotate(-1deg) scale(1.05);transition:transform .5s ease}.Character-comics-info .comic-picture{height:250px;min-width:165px}.Character-comics-info .comic-details{display:flex;flex-direction:column;align-items:center;width:100%}.Character-comics-info .comic-description{padding:30px 60px;font-size:18px}.Character-comics .comic-title{transform:rotate(1deg);margin:15px;padding:2px 6px;bottom:10px;right:10px;position:inherit;background:gold;border:1px solid #222;box-shadow:3px 3px 0 #222;font-size:20px;transition:transform .5s ease;-moz-transform:scale(.9999)}.character .favstar-img,.comic .favstar-img{position:absolute;height:60px;top:10px;left:14px;transition:transform .5s ease}.Character-content .favstar-img,.Character-content .favstar-img:hover{height:60px;transition:transform .5s ease}.Character-content .favstar-img:hover{transform:rotate(-2deg) scale(1.25);-webkit-transform:rotate(-2deg) scale(1.25);-moz-transform:rotate(-2deg) scale(1.25);-o-transform:rotate(-2deg) scale(1.25);-ms-transform:rotate(-2deg) scale(1.25)}.favstar-img:hover{cursor:pointer}.character:hover .favstar-img,.comic:hover .favstar-img{transform:rotate(-2deg) scale(1.25);-webkit-transform:rotate(-2deg) scale(1.25);-moz-transform:rotate(-2deg) scale(1.25);-o-transform:rotate(-2deg) scale(1.25);-ms-transform:rotate(-2deg) scale(1.25);transition:transform .5s ease}.comics-dialog{text-align:center;font-size:26px;border:1px solid #202020;border-width:3px 3px 5px 5px;border-radius:4% 95% 6% 95%/95% 4% 92% 5%;transform:rotate(-2deg)}.comics-dialog,.comics-thought{display:inline-block;vertical-align:top;position:relative;padding:40px;background-color:#fff;margin:80px 80px 30px;-webkit-filter:drop-shadow(0 4px 0 #202020);filter:drop-shadow(0 4px 0 #202020);transition:2s}.comics-dialog:after{width:200px;height:70px;right:2px;bottom:-85px;border-right:90px solid #fff;border-bottom-right-radius:370px 200px;transform:rotate(-30deg)}.comics-dialog:after,.comics-thought:after{content:"";display:block;position:absolute;z-index:-1}.stan-lee{height:300px;width:300px;align-self:center}.Pagination{display:flex;justify-content:center;margin:20px 0}.Pagination div{min-width:40px;min-height:40px;margin:0 20px}.Pagination div.pagination-page{border:solid #000;border-width:2px 3px 2px 4px;border-radius:95% 4% 92% 5%/4% 95% 6% 95%;transform:scale(1);transition:transform .5s ease;text-align:center;line-height:40px;vertical-align:middle;-moz-transform:scale(.9999)}.Pagination div.current-page{color:#fff;background-color:#000;background-image:linear-gradient(#202020,#000)}.Pagination div.pagination-page:hover:not(.current-page){color:#fff;background-color:#ec1d24;background-image:linear-gradient(#ec1d24,#8b1620);cursor:pointer}.E404-content .e404-text{font-size:20px;text-align:center}.E404-content .e404-picture,.Noresults .Noresults-picture{height:600px}.E404-content img,.Noresults img{height:100%;width:100%;object-fit:cover}.E404-content{display:flex;flex-direction:column;align-items:center}.E404 button{outline:none;border:solid #000;border-width:2px 3px 2px 4px;border-radius:95% 4% 92% 5%/4% 95% 6% 95%;font-size:22px;padding:10px;background-color:#fff;margin-bottom:20px}.E404 button:hover{background-image:linear-gradient(#ec1d24,#8b1620)}.E404 button:hover a{color:#fff}@media (max-width:1024px){.Character-info{flex-direction:column}.Character-comics-info,.Character-description{display:flex;flex-direction:column!important;align-items:center;position:relative}.comic-picture{width:165px}.Character-comics .Character-comics-info .FavStar{position:absolute}.Character-comics .Character-comics-info:nth-child(odd) .FavStar{right:100px}.Character-comics .Character-comics-info:nth-child(2n) .FavStar{left:100px}}@media (max-width:768px){.Header nav{flex-direction:column}.Header nav>div{padding:10px;margin:5px 5px 0}.Characters-content .search-name,.Comics-content .search-name{width:300px}.Characters-content .search-name-input::-webkit-input-placeholder,.Comics-content .search-name-input::-webkit-input-placeholder{font-size:18px}.Characters-content .search-name-input:-ms-input-placeholder,.Comics-content .search-name-input:-ms-input-placeholder{font-size:18px}.Characters-content .search-name-input::placeholder,.Comics-content .search-name-input::placeholder{font-size:18px}.Home-content .character.main-page div.character-picture,.Home-content .comic.main-page div.comic-picture{height:470px;width:300px}.Character-comics-info,.Character-comics-info .comic-description{padding:20px}.Character-description{max-width:100%}.Character-info div.character-picture{width:300px;height:300px}.Character-comics .Character-comics-info:nth-child(odd) .FavStar{right:50px}.Character-comics .Character-comics-info:nth-child(2n) .FavStar{left:50px}.Pagination div{margin:0 2px}}
/*# sourceMappingURL=main.6997cd68.chunk.css.map */