@import url(https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@400;700&display=swap);.nav-bar{background:#080c14;color:#fff;width:100%;top:0;left:0;height:100px;display:flex;align-items:center;padding:5px}.nav-icon{cursor:pointer;margin-left:5px}.nav-items{display:flex;margin:0}.nav-items a{align-items:center;margin:auto;color:#fff;text-decoration:none;font-family:"Source Sans Pro",sans-serif;font-size:16px;text-transform:uppercase;padding:0 .5rem}.nav-items a:active,.nav-items a:hover{text-shadow:1px 1px red;color:#fff;text-decoration:inherit;cursor:pointer}.nav-space{flex:1 1}.nav-icon{margin-right:2rem}.side-nav-bar{height:100%;background:#080c14;width:100%;position:fixed;z-index:300;top:0;left:0;color:#fff;transform:translateX(-100%);transition:transform .4s;display:flex;flex-direction:column;justify-content:center;align-items:center}.side-nav-bar.open{transform:translateX(0)}.side-nav-bar a{cursor:pointer;display:flex;flex-direction:column;align-items:center;text-align:center;margin-top:15px}.side-nav-bar a,nav{color:#fff;font-size:1.2em;text-transform:uppercase;text-decoration:none}.side-nav-bar a:active,.side-nav-bar a:hover{text-shadow:1px 1px red;color:#fff;text-decoration:inherit;cursor:pointer}#searchBarMobile{width:150px;padding:5px;background:#0d111a;color:#fff;font-size:1.2em;text-transform:uppercase;border:none;border-bottom:1px solid #fff;margin-bottom:20px;margin-top:50px;width:50%;text-align:center}#searchBarMobile:focus{outline:none;color:red}.backdrop{height:100%;width:100%;background:#161a25;top:0;left:0;z-index:200;position:fixed}@media (max-width:702px){.nav-items{display:none}#logo{height:40px;width:auto}}@media (min-width:703px){.nav-icon{display:none}}.row{justify-content:center;margin-top:.25rem}.logo{width:10rem;height:2.4rem;padding:0;margin-bottom:.5rem}.logo,.logoFooter{background-image:url(/static/media/logo_marvel.278254a6.svg);background-repeat:no-repeat;background-size:contain;align-self:center}.logoFooter{--largeurA:6rem;--hauteurB:2.5rem;width:calc(var(--largeurA)/1.65);height:calc(var(--hauteurB)/1.65)}.imgPage{display:flex;width:14.58333rem}#footerMargin{margin:2rem 0}.footerCol{display:inline-flex;justify-content:center;white-space:normal;padding:.05rem;color:#8197a4;font-size:.6rem;list-style:none}.footerCol>a{color:#79b8f3;text-decoration:none}.footerCol>a:hover{color:#90dffe;transition:.5s ease-in;text-decoration:none;cursor:pointer}.carousel{width:98%;margin-right:auto;margin-left:auto;cursor:pointer;margin-bottom:3rem}.carousel-inner{border-radius:10px;border:1.5px solid #080c14}.carousel-inner:hover{border:1.5px solid #fff;cursor:pointer}.carousel-indicators{margin-bottom:0}.carousel-control-next,.carousel-control-prev{width:5%;opacity:.8}.imgCarousel{height:auto}.carousel-indicators li{width:10px;height:3px}@media (max-width:1024px){.logo{margin-left:.83333rem}}@media only screen and (max-width:576px){.logo{width:calc(var(--largeurA)/1.5);height:calc(var(--hauteurB)/1.5)}.logo,.logoFooter{--largeurA:6rem;--hauteurB:2.5rem}.logoFooter{width:calc(var(--largeurA)/2.25);height:calc(var(--hauteurB)/2.25)}.footerCol{font-size:.53333rem}}body,html{height:100%}body{margin:0;padding:0;font-family:"Source Sans Pro",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#080c14}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.container{display:flex;flex-direction:column;padding:0}div{padding:0}h1,h2,h3,h4,h5,h6{display:flex;color:#fff;padding:0}h3{font-weight:700}a:hover{text-decoration:none}.marvelCatImg{width:inherit;border-radius:.4rem}.marveCatComics{margin-bottom:.5rem}.transition{width:100%;border-radius:.4rem;opacity:.6}.marvelCatImg:hover{box-shadow:0 0 0 .125rem #fff}.marvelCatImg:hover,.transition:hover{transition:.5s linear!important;cursor:pointer}.transition:hover{transform:scale(1.05);opacity:1}.transitionCharacter{width:16rem;height:16rem;border-radius:.4rem;margin-bottom:1.5rem;overflow:hidden}.transitionCharacter:hover{box-shadow:0 0 0 .125rem #fff;transform:scale(1.05);transition:.5s linear!important;cursor:pointer}.titleGame{display:flex;flex-direction:column;width:100%}.imageGame{border-radius:.4rem .4rem 0 0}.gameRules{padding:1rem 10%;border-radius:0 0 .4rem .4rem}.rules{font-size:.8em;text-align:center}.space-para{margin-bottom:2%;padding:0 1rem}.rulestitle{font-size:1em}.containerFightersChoosen{display:flex;flex-direction:row;justify-content:center;align-items:center}.containerFightersHero{display:flex;flex-wrap:wrap;justify-content:flex-end}.containerFightersEnemi{display:flex;flex-wrap:wrap;justify-content:flex-start}.transitionGame{border-radius:.4rem;margin:0 1rem;width:85%}.transitionGame:hover{box-shadow:0 0 0 .125rem #fff;transform:scale(1.05);transition:.5s linear!important;cursor:pointer}.heroFight{width:14.58333rem;border-radius:.4rem}.heroCard{margin:.5rem 0 1.5rem}.col{padding:0 2rem}.progressBar{width:77%;align-self:center;bottom:.1rem}.titleProgressBar{align-self:center!important;position:relative;margin-right:.8rem}.characteristic{justify-content:space-between;margin:0 .85rem}.characteristicBase{font-size:.8rem;margin-top:3%;color:rgba(236,29,36,.65)}.rowProgressBar{justify-content:space-between;padding:0 1rem}.overlay{bottom:1.8rem;font-size:.7rem}.overlay,.overlayCharacter{position:relative;background:rgba(236,29,36,.65);width:inherit;border-radius:0 0 .4rem .4rem;opacity:1;color:#fff;padding:.5rem;text-align:center}.overlayCharacter{bottom:2.15rem;font-size:1rem}.carouselSlider{width:100%;padding-top:.5rem}.slick-track{left:-.05rem}.slick-list{padding-bottom:.1rem}.slick-disabled{visibility:hidden}.slick-next,.slick-prev{color:transparent;position:absolute;z-index:1;padding-bottom:10px;outline:none;width:3rem}.slick-next:before{opacity:.75;content:URL(/static/media/next.d6d96028.svg)}.slick-prev:before{opacity:.75;content:url(/static/media/prev.efd9e52f.svg)}.slick-slide{margin-top:1.75rem}.titleSlider{font-size:1.4rem;justify-content:center;margin-top:.5rem}.textCenter{justify-content:center;margin:0 0 3rem}.cardContainer{display:flex;flex-flow:row wrap;justify-content:space-around}.heroesCard{width:16rem;height:16rem;border-radius:.4rem}.comicsCard{width:100%;border-radius:.4rem}.modal{width:30%;top:4%;left:34%}.modal-header{background:#ec1d24;border:0;padding:.5rem}.modal-title{color:#fff;font-size:1rem}.modal-content{width:100%}.modal-body{padding:0}.modal-footer{border:0}.modalText{padding:1rem;font-size:.8rem}a{color:#79b8f3}.modalText>a:hover,a{text-decoration:none}.imgModal{width:100%;margin:0}.heroesImg{flex-direction:column}.heroesImg,.modalFooter{display:flex;justify-content:center}.btn{background-image:url(/static/media/btn_marvel.5a2c3062.svg);background-repeat:no-repeat;width:10rem;height:3rem;font-weight:400;padding:.75rem 1.25rem 0 0;font-size:1rem;color:#fff;margin:0 0 0 1.25rem}.btn:hover{background-image:url(/static/media/btn_marvel_dark.665cc9c6.svg);transition:.25s ease-in-out;color:#561d24;cursor:pointer}.btn-rule{background-image:url(/static/media/btn_marvel.5a2c3062.svg);background-repeat:no-repeat;width:10rem;height:3rem;font-weight:400;padding:.75rem 1.25rem 0 1.85rem;font-size:1rem;color:#fff;margin:0 0 0 1.25rem}.btn-rule:hover{background-image:url(/static/media/btn_marvel_dark.665cc9c6.svg);transition:.25s ease-in-out;color:#561d24;cursor:pointer}.btn-center{display:flex;justify-content:center;margin-bottom:3%}.btnComic{padding-top:.2rem}.modalBody{display:flex}@media (max-width:1024px){.title-page{margin-bottom:.5rem}.titleSlider{font-size:.92857rem}.marvelCatImg{width:inherit}.marveCatComics{margin-bottom:.1rem!important}.overlay{font-size:.53846rem;padding:.41667rem;bottom:1.43333rem}.transitionCharacter{width:163.63636px;height:163.63636px;overflow:hidden}.heroesCard{height:inherit;padding-right:50%}.transition{width:100%;border-radius:.4rem;opacity:.6}.overlayCharacter{bottom:1.8rem;font-size:.65rem;padding:.55rem}#searchInput{width:80%;height:30px!important;background-color:#080c14;border:1px solid #151b2a;font-size:1em;padding-left:30px;color:#fff}#searchInput::-webkit-input-placeholder{color:#fff}#searchInput:-ms-input-placeholder{color:#fff}#searchInput::placeholder{color:#fff}#searchInput:focus{outline:none;padding-left:30px}#searchButton,#searchInput:focus{background-color:#151b2a;border:1px solid #151b2a;color:#fff}#searchButton{width:20%;height:30px!important;font-size:1em;cursor:pointer}#searchButton:hover{background-color:#080c14;border:1px solid #fff;cursor:pointer}.titleGame{display:flex;flex-direction:column;width:98%;margin:0 auto}.characteristicBase{font-size:.65rem}.modal{width:50%;top:4%;left:30%}.modal-body{padding:0}.modal-footer{border:0;width:100%}.modal-content{width:85%}.modalText{padding:1rem;font-size:.7rem;margin-bottom:.25rem;-webkit-text-decoration-line:none;text-decoration-line:none}.space-para{font-size:.8rem}.imgModal{width:100%;margin:0}.heroesImg{display:flex;flex-direction:column;justify-content:center}.button:hover{border:none;outline:none!important;transition:none!important}.btn{background-image:url(/static/media/btn_marvel.5a2c3062.svg);background-repeat:no-repeat;width:7.14286rem;height:2.14286rem;padding:.3rem .9rem 0 0;font-size:1rem;color:#fff;margin:0 .1rem 0 1rem}.btn:hover{background-image:url(/static/media/btn_marvel_dark.665cc9c6.svg);color:#561d24;outline:none}.btn-rule{width:8.33333rem;height:2.5rem;font-weight:400;padding:.5rem 0 0 1.15rem;font-size:1rem;color:#fff;margin:0 0 0 1.25rem}.btn-rule:hover{background-image:url(/static/media/btn_marvel_dark.665cc9c6.svg);transition:.25s ease-in-out;color:#561d24}.btn-center{justify-content:center;margin-bottom:3%}.btn-center,.modalBody{display:flex}.carouselSlider{width:100%;padding-top:.5rem;left:.5rem}.slick-list{padding-bottom:.1rem}.slick-disabled{visibility:hidden}.slick-prev{left:-1.1rem}.slick-next{right:-.1rem}.slick-next,.slick-prev{visibility:hidden}.slick-slide{padding:0!important;margin:0!important}.heroFight{width:14rem}.transitionGame{margin-top:1rem;width:90%}}@media screen and (max-width:770px){.margin-card{margin-top:1rem}.marvelCatImg{width:inherit;border-radius:.4rem}.marvelCatImg:hover{border:none}#searchInput::-webkit-input-placeholder{font-size:.75rem}#searchInput:-ms-input-placeholder{font-size:.75rem}#searchInput::placeholder{font-size:.75rem}#searchInput{padding-left:6px}.modal{width:75%;top:4%;left:18%}.containerFightersChoosen{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.heroFight{width:7.77778rem}.imageGame{width:100%}.area{font-size:2em}.btnGame{width:3.5rem;height:1.8rem;padding:.1rem 0 0;font-size:1rem;color:#fff;margin-left:1rem;margin-right:1rem;margin-top:0;background-color:#ec1d24;border:1px solid #fff;display:inline-block;font-weight:700}.btn:hover{background-image:none;transition:none;color:#000;outline:none}.gameRules{padding:.8rem 5%;margin:0 auto;width:100%}.containerFightersHero{display:flex;justify-content:flex-end;flex-wrap:wrap}.containerFightersEnemi{display:flex;flex-wrap:wrap;justify-content:flex-start}.transitionGame{margin-top:1rem;width:80%}.progressBar{width:68%;align-self:center;bottom:.1rem}.titleProgressBar{font-size:95%;padding-top:5%}.characteristic{font-size:85%;padding:0 .25rem}.titleSlider{font-size:1rem;justify-content:center;margin-bottom:.25rem!important}}.searchBar{margin-top:30px;margin-bottom:50px;display:flex;flex-direction:row;justify-content:center;align-items:center}#searchInput{width:80%;height:50px;background-color:#080c14;border:1px solid #151b2a;font-size:1em;padding-left:30px;color:#fff}#searchInput::-webkit-input-placeholder{color:#fff}#searchInput:-ms-input-placeholder{color:#fff}#searchInput::placeholder{color:#fff}#searchInput:focus{outline:none;padding-left:30px}#searchButton,#searchInput:focus{background-color:#151b2a;border:1px solid #151b2a;color:#fff}#searchButton{width:20%;height:50px;font-size:1em;cursor:pointer}#searchButton:hover{background-color:#080c14;border:1px solid #fff;cursor:pointer}#noResult{color:#fff;font-size:1em;text-align:center}#choice,.choiceAllie,.choiceenemie{border:1px solid #fff;width:200px;height:200px}
/*# sourceMappingURL=main.44fb53da.chunk.css.map */