@import url(https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Oswald:wght@200;300;400;469;500;600;700&display=swap);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}.App{background-image:url(/static/media/background.cbd090c1.gif);font-family:"Montserrat",sans-serif}main{min-height:80vh;height:auto}.container{width:80vw;height:auto;min-height:50vh;margin:60px auto;padding:40px;border-radius:30px;background-color:rgba(0,0,0,.358);display:flex;justify-content:center;align-items:center;flex-direction:column}a:-webkit-any-link{color:inherit;text-decoration:none;cursor:pointer}h1{margin:20px 0 30px;text-align:center;font-family:"Oswald";text-transform:uppercase;font-size:50px;letter-spacing:-.4}p{font-family:"Montserrat",sans-serif}.pageTitle{color:#fff}.enabled{display:block}.disabled{display:none}.errorMessage{color:#ec1d24}.redButton{background-color:#ec1d24;color:#fff;outline:none;cursor:pointer;border:none;padding:10px 20px;border-radius:20px;font-weight:700;text-transform:uppercase;transition:.3s;font-family:"Oswald",sans-serif}.redButton:hover{background-color:#c2151b}.redLineButton{background-color:#fff;color:#ec1d24;outline:none;cursor:pointer;border:2px solid #ec1d24;padding:10px 20px;border-radius:20px;font-weight:700;text-transform:uppercase}.redLineButton:hover{background-color:#c2151b;color:#fff}.loginInvisible{display:none}.loginVisible{display:flex;align-items:center;justify-content:center;position:fixed;z-index:999;background-color:rgba(0,0,0,.75);width:100%;height:100%;overflow:unset}.loginVisible .closeButton{position:absolute;top:5%;right:2%;background:none;outline:none;border:none;cursor:pointer;color:#fff}.loginVisible .loginHeader{width:30vw;background-color:#ec1d24;display:flex;align-items:center;justify-content:center}.loginVisible .loginHeader img{width:70%;box-sizing:border-box}.loginCreateAccountDiv,.loginVisible form{background-color:#fff;display:flex;flex-direction:column}.inputDiv{display:flex;flex-direction:column;padding:25px 50px}.inputDiv input{margin:10px 0;border-radius:5px;border:1px solid #f0f0f0;padding:10px;outline:none}.inputDiv button{margin:10px 0;height:40px}.loginCreateAccountDiv{border-top:1px solid #f0f0f0;padding:25px 50px}.loginCreateAccountDiv h2{margin:0;text-align:center}.loginCreateAccountDiv button{margin-bottom:20px;margin-top:20px;height:40px}header{height:80px;background-color:#000;color:#fff;box-shadow:0 3px 25px -3px rgba(0,0,0,.64)}.headerDiv{width:90vw;margin:auto;display:flex;justify-content:space-between;align-items:center;height:100%;box-sizing:border-box}.headerDiv .logo{height:50px;flex:0 0 20%;box-sizing:border-box}.headerDiv .logo img{max-height:50px;object-fit:contain}.headerDiv nav{flex:0 1 100%}.headerDiv nav ul{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;list-style-type:none;margin:unset;padding:unset}.headerDiv nav ul li{padding:0 20px;text-align:center;font-weight:700;font-size:24px;letter-spacing:-.4;transition:.3s;font-family:"Oswald",sans-serif}.headerDiv nav ul li:hover{font-size:30px}.headerDiv .login{flex:0 0 20%;display:flex;justify-content:flex-end}.searchBar form{width:70vw;background-color:#f11e22;padding:12px 0;display:flex;justify-content:center;align-items:center;border-radius:0 0 100px 100px;-moz-border-radius:0 0 100px 100px;-webkit-border-radius:0 0 100px 100px;border:none;margin:auto auto 40px;box-shadow:inset 0 165px 22px -158px rgba(0,0,0,.8)}.searchBar form input{width:calc(60vw - 60px);border-radius:6px;padding:10px;margin:10px;outline:none;border:none;box-shadow:inset 0 1px 8px rgba(0,0,0,.2);color:#fff;background-color:#b20e0e;font-weight:700;text-transform:uppercase}.searchBar form input::-webkit-input-placeholder{color:rgba(122,12,12,.71)}.searchBar form input:-ms-input-placeholder{color:rgba(122,12,12,.71)}.searchBar form input::-ms-input-placeholder{color:rgba(122,12,12,.71)}.searchBar form input::placeholder{color:rgba(122,12,12,.71)}.itemList{width:100%;display:flex;flex-wrap:wrap}.favTitle{color:#fff;font-family:"Owald",sans-serif;font-size:16px;letter-spacing:2px;margin:20px 0;text-transform:uppercase}.favList{width:100%;display:flex;flex-direction:row;overflow-x:auto;overflow-y:hidden}.favLine{margin:70px 0;width:70%}.favList::-webkit-scrollbar{width:6px;height:6px}.favList::-webkit-scrollbar-thumb{background:#e1e1e1;border:0 #fff;border-radius:0}.favList::-webkit-scrollbar-thumb:hover{background:#fff}.favList::-webkit-scrollbar-thumb:active{background:#000}.favList::-webkit-scrollbar-track{background:#666;border:0 #fff;border-radius:0}.favList::-webkit-scrollbar-track:hover{background:#666}.favList::-webkit-scrollbar-track:active{background:#333}.favList::-webkit-scrollbar-corner{background:transparent}.itemDiv{flex:0 0 22%;width:16vw;padding:1vw;margin:auto}.itemDiv>div{display:flex;flex-direction:column;align-items:center;justify-content:space-between}.comicsItem,.comicsItem>div{height:500px}.charactersItem,.charactersItem>div{height:400px}.comicsItem .itemTextContent{min-height:150px}.charactersItem .itemTextContent{min-height:80px}.itemDiv a{height:100%;width:100%;display:flex;flex-direction:column;justify-content:flex-end}.itemDiv .itemPic{height:300px;width:100%;object-fit:cover}.itemDiv .itemTextContent{padding:20px;box-sizing:border-box;width:100%;background-color:#000;color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.itemDiv h2{font-size:16px;letter-spacing:2px;margin:0;text-transform:uppercase}.itemDiv .itemDesc{margin-top:20px;font-size:14px}.itemDiv .favStuff{width:100%;display:flex;justify-content:flex-end}.favStuff .iconFav,.iconFavActive{background-color:#fff;margin:10px;float:right;height:40px;width:40px;border:none;border-radius:50%;outline:none;cursor:pointer;display:flex;justify-content:center;align-items:center;z-index:88}.iconFav img{-webkit-filter:invert(75%) sepia(1000%) saturate(5%) hue-rotate(-30deg);filter:invert(75%) sepia(1000%) saturate(5%) hue-rotate(-30deg)}.iconFavActive img,.iconFav img:hover{-webkit-filter:invert(100%) sepia() saturate(10000%) hue-rotate(-40deg);filter:invert(100%) sepia() saturate(10000%) hue-rotate(-40deg)}.pagination{display:flex;align-items:center;justify-content:center;margin:40px auto;background-color:#000;padding:20px 0}.paginationNumbersBloc{display:inherit;width:40vw;justify-content:space-evenly}.arrows{padding:6px 12px}.pageNumber,.pagination .arrows{padding:6px 12px;background-color:#000;color:#fff}.pagination .arrows:hover,.pagination .pageNumber:hover{background-color:red;color:#fff;cursor:pointer}.pageFocus{background-color:red;color:#fff;padding:6px 12px;font-weight:700}.linkDisabled{cursor:default;pointer-events:none;text-decoration:none;color:#d3d3d3;background-color:none}.singlePage{display:flex;align-items:center;justify-content:space-between;width:100%;color:#fff}.singlePage h1{text-align:left}.singlePage h2{font-family:"Oswald",sans-serif;font-size:20px}.singlePageImage{width:500px;height:600px;flex:0 0 50%}.singlePageImage img{width:90%;height:100%;object-fit:contain}.singlePage .rightColumn{flex:0 0 50%;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;box-sizing:border-box;width:50%;min-height:600px}.singlePage .rightColumn>div{height:50%}.singlePageList{width:100%}.singlePageList .favList .itemDiv h2{font-size:8px}.singlePageList .favList .itemDiv{padding:1vw 1vw 1vw 0}.singlePageList .charactersItem>div,.singlePageList .comicsItem>div{height:unset}.singlePageList .charactersItem .itemTextContent,.singlePageList .comicsItem .itemTextContent{min-height:100px;margin-top:70px}.singlePageList .charactersItem .itemDesc,.singlePageList .comicsItem .itemDesc{display:none}.singlePageList .charactersItem,.singlePageList .comicsItem{height:auto}footer{padding:50px 0;text-align:center;font-size:14px;background-color:#000;color:#fff}footer a{text-decoration:none;font-weight:700;color:#fff}.loader,.loader:after,.loader:before{background:#ec1d24;-webkit-animation:load1 1s ease-in-out infinite;animation:load1 1s ease-in-out infinite;width:1em;height:4em}.loader{color:#ec1d24;text-indent:-9999em;margin:88px auto;position:relative;font-size:11px;transform:translateZ(0);-webkit-animation-delay:-.16s;animation-delay:-.16s}.loader:after,.loader:before{position:absolute;top:0;content:""}.loader:before{left:-1.5em;-webkit-animation-delay:-.32s;animation-delay:-.32s}.loader:after{left:1.5em}@-webkit-keyframes load1{0%,80%,to{box-shadow:0 0;height:4em}40%{box-shadow:0 -2em;height:5em}}@keyframes load1{0%,80%,to{box-shadow:0 0;height:4em}40%{box-shadow:0 -2em;height:5em}}
/*# sourceMappingURL=main.2ead3372.chunk.css.map */