.header-content{font-family:Heroes,Roboto,sans-serif;width:100%;height:15vh;background:linear-gradient(90deg,#101971,#0e0e0e 50%);display:flex;align-items:center;justify-content:center}.logo-content{cursor:pointer;margin-top:.5%;width:25%;text-align:center}.logo{width:7vw;height:7vw}.title{width:50%;cursor:pointer}.title h1{text-align:center;color:#daa520;font-size:2vw;text-shadow:#a50c0c 5px 2px 1px}a{text-decoration:none;color:#f0f8ff}.header-content-link{display:flex;width:25%}.text-nav-active h3{color:#000;background-color:#f8f8f2;bottom:1px;left:10%;border-radius:10px}.text-nav h3{font-size:1vw;font-weight:bolder;text-align:center;padding-right:20px;padding-left:20px}@media screen and (max-height:415px){.header{width:100%;height:90px}.header-content{align-items:center}.header-content-link{justify-content:center;display:flex;flex-wrap:wrap;width:20%;height:40%;padding:2vh}.title h1{font-size:1.4rem;height:5vw}.text-nav h3{font-size:.7rem}.logo{align-items:center;width:1vw;height:1vw}.logo-content{margin-top:1%;width:20%}}@media screen and (max-width:1080px){.header-content{height:100%}.title{font-size:2.5vw}.text-nav{font-size:1vw}.logo{align-items:center;width:15vw;height:15vw}.logo-content{margin-top:1%;text-align:center}}@media screen and (max-width:720px){.logo-content{width:30%}.title{width:10%}.title h1{display:none}.active{width:20%;color:#000;background-color:#f8f8f2;bottom:1px;border-radius:10px}.header-content-link{width:60%;justify-content:center;display:flex;flex-wrap:wrap}.text-nav-active h3,.text-nav h3{font-size:4vw}.logo{width:30vw;height:30vw}}body{background-position:50%;height:100vh}.quiz{display:flex;flex-direction:column;align-items:center;justify-content:center}.quiz-info h2{text-align:center;font-family:Heroes,Roboto,sans-serif;color:#000;margin:30px;font-size:1rem}.quiz_question{margin-top:40px;margin-bottom:40px;padding:15px;background-color:#0e0e0e;height:90px;width:80%;border-radius:30px;font-family:Heroes,Roboto,sans-serif;color:#daa520;line-height:35px;font-size:1rem}.quiz_answers,.quiz_question{display:flex;align-items:center;justify-content:center;text-align:center}.quiz_answers{list-style:none;width:60%;height:250px;border-radius:10px;flex-wrap:wrap;color:#fff}.quiz_answer{padding:10px;margin:30px;width:300px;height:40px;border-radius:30px;display:flex;justify-content:center;align-items:center;font-size:1.1rem;transition:.3s;cursor:pointer}.pointer-event{pointer-events:none}.quiz_answer:hover{transform:scale(1.03)}.quiz-score h2{font-family:Heroes,Roboto,sans-serif;margin:30px}@media screen and (max-width:740px){.quiz_question{margin-bottom:10px;font-size:.7rem}.quiz_answers{flex-direction:column;flex-wrap:nowrap;justify-content:space-around;margin-top:65px}.quiz_answer{margin:10px}.quiz-info h2{font-size:.7em}.quiz-score h2{font-size:.7em;margin:20px}}@media screen and (max-width:525px){.quiz_question{font-size:.5rem}.quiz-info h2{font-size:.5em}}@media screen and (max-width:960px){.quiz_answers{width:100%}.quiz-info h2{font-size:.7em}}@media screen and (max-width:1266px){.quiz_answers{width:80%}.quiz-info h2{font-size:.7em}}@media screen and (max-width:1440px){.quiz_answers{width:80%}.quiz-info h2{font-size:.8em}}@media screen and (min-width:1900px){.quiz_answers{width:80%}.quiz_answer{width:450px;height:80px;border-radius:90px;font-size:2rem}}@media screen and (min-width:1980px){.quiz_answers{width:60%}}*{padding:0}.modal-background,.modal-container{position:fixed;top:0;bottom:0;left:0;right:0}.modal-background{background-color:rgba(0,0,0,.7)}.modal-content{display:flex;flex-direction:column;position:fixed;top:10%;bottom:10%;left:10%;right:10%;background-image:url(/wild-heroes/static/media/Background.c912da15.jpg);background-position:50%;background-size:cover;font-family:"Gosmick",Arial,Helvetica,sans-serif}.modal-content.good-hero{box-shadow:0 15px 20px #101971}.modal-content.bad-hero{box-shadow:0 15px 20px #c80000}.modal-content.neutral-hero{box-shadow:0 15px 20px #7e7d88}.modal-header{font-style:oblique;font-weight:lighter;padding:.5rem 0;background-color:#151e76;color:gold}.modal-header.good-hero{background-color:#101971}.modal-header.bad-hero{background-color:#c80000}.modal-header.neutral-hero{background-color:#7e7d88}.modal-body{display:flex;justify-content:space-evenly;align-items:center;color:#f0f8ff;height:100%}.close-modal-button{position:absolute;top:5px;right:5px;border:none;border-radius:50%;padding:0 9px;font-size:2rem;text-align:center;background-color:rgba(0,0,0,.2);color:#f0f8ff;cursor:pointer}.modal-stats-and-bio{display:flex;flex-direction:column;justify-content:space-between;width:65%}.modal-card,.modal-stats-and-bio{height:80%}.modal-bio,.modal-card,.modal-stats{border-radius:10px}.modal-card{width:30%}.modal-bio,.modal-stats{background-color:rgba(0,0,0,.7);width:100%}.modal-bio{height:70%}.modal-img{border-radius:10px;max-width:100%;max-height:100%}.bio-list,.stats-list{list-style-type:none;width:100%;height:87%;text-align:center}.bio-list-container{display:flex;justify-content:center;align-items:center;width:95%;height:88%;margin:0 auto auto}.stats-list{display:list-item;column-count:3;-webkit-columns:3;-moz-columns:3}.bio-list{display:flex;flex-wrap:wrap}.modal-bio h1,.modal-header h1,.modal-stats h1{font-family:"Heroes",Arial,Helvetica,sans-serif;text-align:center}.modal-header h1{font-size:1.5rem}.modal-bio h1,.modal-stats h1{font-size:1rem;letter-spacing:.2rem;border-bottom:3mm ridge #daa520}.stats-list li,strong{font-size:1.3rem}.bio-list li{font-size:1.05rem;margin:auto;max-width:60%}.stats-list li:nth-child(odd),strong{color:#daa520;font-weight:700}@media screen and (max-width:1024px){.modal-container li,.modal-header h1,strong{font-size:.8rem}.modal-body h1{border-bottom:1mm ridge #daa520;font-size:.6rem}.modal-body{flex-direction:column}.modal-stats-and-bio{width:95%;justify-content:space-evenly}.modal-bio,.modal-card,.modal-stats{height:auto}.modal-bio,.modal-stats{border-radius:10px;width:100%}.modal-bio{padding-bottom:.5rem}.modal-card{width:40%;margin-top:2%}.bio-list-container{height:auto}.bio-list{flex-direction:column;flex-wrap:nowrap}.bio-list li{max-width:95%}.stats-list{display:list-item;column-count:3;-webkit-columns:3;-moz-columns:3;height:auto;margin:2% 0}.modal-content{top:3%;bottom:3%;left:3%;right:3%}.close-modal-button{font-size:2rem;background-color:transparent;border-radius:0;color:gold}}@keyframes slideIn{0%{transform:translate(-50vw)}to{transform:translate(78vw,-19vw)}}@keyframes slideInMedia1{0%{transform:translate(-50vw)}to{transform:translate(41vw)}}@keyframes slideInMedia2{0%{transform:translate(-50vw)}to{transform:translate(28vw,15vw)}}@keyframes slideInMedia3{0%{transform:translate(-50vw)}to{transform:translate(35vw,40vw)}}.card-list{width:100%}.container-card-quiz{height:0}.container-card-random{width:100%;flex-wrap:wrap}.card-random-explication,.container-card-random{text-align:center;display:flex;justify-content:center}.card-random-explication{margin:40px;padding:15px;background-color:#0e0e0e;height:90px;width:80%;align-items:center;border-radius:30px;font-family:Heroes,Roboto,sans-serif;color:#daa520;line-height:35px;font-size:1rem}.card-random{text-align:center;width:19vw;height:24vw;margin:2vw;background-color:#0e0e0e;padding-bottom:15px;border:0 solid #000;border-radius:10px;overflow:hidden;box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);transition:.3s;cursor:pointer}.card-random img{width:19vw;height:23vw}.card-random h2{font-family:"Heroes",Arial,Helvetica,sans-serif;text-align:center;margin:10px 5px;font-size:1em;letter-spacing:2px;overflow-wrap:break-word;color:#daa520;line-height:40px}.card-quiz{width:16vw;height:auto;background-color:#0e0e0e;border:0 solid #000;border-radius:10px;box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);cursor:pointer;font-size:.7em}.card-challenger-title h3,.card-quiz{animation-name:slideIn;animation-duration:1s;animation-fill-mode:forwards}.card-challenger-title h3{font-family:"Heroes",Arial,Helvetica,sans-serif;text-align:center;font-size:.8vw}.card-challenger-title{width:16vw}.card-quiz img{width:16vw;height:18vw;border-radius:10px 10px 0 0}.card-quiz h2{width:99%;padding:1.5vw 0;text-align:center;text-transform:uppercase;font-size:1em;font-family:"Heroes",Arial,Helvetica,sans-serif;letter-spacing:1px;color:#daa520}@media screen and (min-width:1920px){.card-quiz{width:16vw;font-size:.7em}.card-challenger-title h3{margin-top:3vw;font-size:.8vw}.card-quiz h2{text-align:center;text-transform:uppercase;margin-top:10px;font-size:1.2em}}@media screen and (max-width:1440px){.card-quiz{top:3vw;width:16vw;font-size:.7em}.card-challenger-title h3,.card-quiz{animation-name:slideInMedia1;animation-duration:1s;animation-fill-mode:forwards}.card-challenger-title h3{margin-top:5vw;font-size:.8vw}.card-quiz h2{text-align:center;text-transform:uppercase;margin-top:10px;font-size:.7em}}@media screen and (max-width:760px){.card-quiz{animation-name:slideInMedia2;animation-duration:1s;animation-fill-mode:forwards;width:44vw;font-size:.7em}.container-card-quiz{height:40vh}.card-challenger-title h3{animation-name:slideInMedia2;animation-duration:1s;animation-fill-mode:forwards;margin-left:2.5vw;font-size:.6em}.card-quiz img{width:44vw;height:48vw}.card-quiz h2{margin:2vw 0;font-size:1em}.card-random-explication{font-size:.5rem;line-height:22px}.card-random h2{font-size:.6em;line-height:19px}.card-random{width:46vw;height:62vw;margin:2vw}.card-random img{width:46vw;height:51vw}}@media screen and (max-height:460px){.card-quiz{animation-name:slideInMedia3;animation-duration:1s;animation-fill-mode:forwards;width:29vw;font-size:.7em}.container-card-quiz{height:90vw}.card-challenger-title h3{animation-name:slideInMedia3;animation-duration:1s;animation-fill-mode:forwards;font-size:.8em;margin-left:2vw}.card-quiz img{width:29vw;height:34vw;border-radius:10px 10px 0 0}.card-quiz h2{font-size:1em;letter-spacing:1px}.card-random-explication{font-size:.5rem}.card-random h2{font-size:.6em;letter-spacing:2px;line-height:19px}.card-random{width:29vw;height:38vw;margin:2vw}.card-random img{width:29vw;height:34vw}}.quiz-result{height:80vh;display:flex;flex-direction:column;justify-content:center;align-items:center;line-height:100px}.result{text-align:center;margin-bottom:2%;width:80%}.result h2,.result p{font-size:3em;font-family:Heroes,Roboto,sans-serif}.btn-result{width:150px;height:50px;border-radius:40px;font-family:Roboto,sans-serif;background-color:#101971;color:#daa520;font-size:1.2em;cursor:pointer;transition:.5s}.btn-result:hover{transform:scale(1.05)}@media screen and (max-width:880px){.result{font-size:.4rem}}.progress-div{display:flex;justify-content:center}.progress-bar{width:95%}@media screen and (max-width:1200px){.progress-div{display:flex;justify-content:center}.progress-bar{width:90%}}@media screen and (max-width:800px){.progress-div{display:flex;justify-content:center}.progressbar-img{width:25px}.progress-bar{width:90%}}@media screen and (max-width:400px){.progress-div{display:flex;justify-content:center}.progressbar-img{width:17px}.progress-bar{width:90%}}.container-quiz-riddler{display:flex;background-color:#000;height:85vh}.quiz-riddler{display:flex;flex-direction:column;align-items:center;width:70%}.quiz-riddler_question{margin-bottom:40px;padding:15px;background-color:#051800;height:90px;border-radius:30px;font-family:Heroes,Roboto,sans-serif;color:#119003;line-height:35px;font-size:1rem}.quiz-riddler_answers,.quiz-riddler_question{width:80%;display:flex;align-items:center;justify-content:center;text-align:center}.quiz-riddler_answers{list-style:none;height:auto;border-radius:10px;flex-wrap:wrap;color:#fff}.quiz-riddler_answer{padding:10px;margin:30px;width:300px;height:40px;border-radius:30px;display:flex;justify-content:center;align-items:center;font-size:1.1rem;transition:.3s;cursor:pointer}.container-riddler-flex{display:flex;margin-top:100px;margin-right:50px}.container-riddler{align-items:center;width:16vw;height:23vw;background-color:#0e0e0e;border:0 solid #000;border-radius:10px;box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);font-size:.7em}.container-riddler img{width:16vw;height:18vw;border-radius:10px 10px 0 0}.container-riddler h2{padding:1.5vw 0;text-align:center;text-transform:uppercase;font-size:1em;font-family:"Heroes",Arial,Helvetica,sans-serif;letter-spacing:1px;color:#1c7412}.quiz-riddler-score{padding-top:20px}.quiz-riddler-score h2{font-family:Heroes,Roboto,sans-serif;margin:30px;color:#119003}@media screen and (max-width:760px){.container-quiz-riddler{flex-direction:column;align-items:center}.container-riddler-flex{margin-top:20px}.quiz-riddler-score h2{font-size:.8rem}.container-riddler{align-items:center;width:16vw;height:23vw;background-color:#0e0e0e;border:0 solid #000;border-radius:10px;box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);cursor:pointer;font-size:.7em}.container-riddler img{width:30vw;height:35vw;border-radius:10px 10px 0 0}}@media screen and (max-width:1899px){.quiz-riddler_answers{width:80%}}@media screen and (max-width:1567px){.quiz-riddler_answers{width:80%}}@media screen and (min-width:2426px){.quiz-riddler_answers{width:60%}}@media screen and (max-width:375px){.container-quiz-riddler{height:86vh}@media screen and (max-width:1190px){.quiz-riddler_answers{width:100%}}.quiz-riddler_question{font-size:.7rem;margin-bottom:20px}}@media screen and (max-width:1080px){.container-quiz-riddler{height:100vh}}@media screen and (max-height:415px){.container-quiz-riddler{height:100%}}@media screen and (max-width:760px){.container-quiz-riddler{height:110vh}.quiz-riddler_question{height:80%;font-size:.4rem}}.riddlerprogress-div{background-color:#000;display:flex;justify-content:center}.riddlerprogress-bar{background-color:#4f0373;width:95%}@media screen and (max-width:1200px){.riddlerprogress-div{display:flex;justify-content:center}.riddlerprogress-bar{width:90%}}@media screen and (max-width:800px){.riddlerprogress-div{display:flex;justify-content:center}.riddlerprogressbar-img{width:25px}.riddlerprogress-bar{width:90%}}@media screen and (max-width:400px){.riddlerprogress-div{display:flex;justify-content:center}.riddlerprogressbar-img{width:17px}.riddlerprogress-bar{width:90%}}.riddler-quiz-result{background-image:url(/wild-heroes/static/media/riddler-result.059c2717.jpg);background-size:cover;background-attachment:fixed;height:84vh;display:flex;flex-direction:column;justify-content:center;align-items:center;line-height:100px}.riddler-result{text-align:center;margin-bottom:2%;width:80%}.riddler-result h2,.riddler-result p{color:#0f6406;font-size:3em;font-family:Heroes,Roboto,sans-serif}.riddler-btn-result{width:150px;height:50px;border-radius:40px;font-family:Roboto,sans-serif;background-color:#4f0373;color:#0f6406;font-size:1.2em;cursor:pointer;transition:.5s}.riddler-btn-result:hover{transform:scale(1.05)}@media screen and (max-width:880px){.riddler-result{font-size:.4rem}}@media screen and (max-height:460px){.riddler-quiz-result{margin-top:-20px;line-height:50px}.riddler-result{font-size:.4rem}}.container-btn-game{width:auto;height:50vh;display:flex;justify-content:space-around;margin:0 200px;font-size:.8em}.choose-game{align-items:center;width:16vw;height:23vw;background-color:#0e0e0e;border:0 solid #000;border-radius:10px;box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);cursor:pointer;font-size:.7em}.choose-game img{width:16vw;height:18vw;border-radius:10px 10px 0 0}.choose-game h2{padding:1.5vw 0;text-align:center;text-transform:uppercase;font-size:1em;font-family:"Heroes",Arial,Helvetica,sans-serif;letter-spacing:1px;color:#daa520}.container_choose-quiz{width:100%;height:auto;margin-top:2%}.choose-quiz,.container_choose-quiz{display:flex;justify-content:center;align-items:center}.choose-quiz{margin-bottom:40px;padding:15px;background-color:#0e0e0e;height:90px;width:80%;border-radius:30px;font-family:Heroes,Roboto,sans-serif;color:#daa520;text-align:center;line-height:35px;font-size:1rem}@media screen and (max-width:1070px){.container-btn-game{margin:0}}@media screen and (max-width:1285px){.choose-game{width:206px;height:296px}.choose-game img{width:206px;height:232px}}@media screen and (max-width:530px){.container-btn-game{flex-direction:column;align-items:center;margin-top:50px}.choose-game{width:150px;height:400px;margin-bottom:40px}.choose-game img{width:150px;height:200px}.choose-game h2{font-size:.7em}}@media screen and (min-width:1700px){.choose-game h2{font-size:1.5em}}.home-container{display:grid;height:100vh;width:100%;grid-template-columns:50% 50%;grid-template-rows:1fr;position:relative}.main-title-container{position:absolute;z-index:1000;left:50%;top:10%;transform:translate(-50%,-50%)}.main-title-container h1{color:#daa520;font-size:2vw;text-shadow:#a50c0c 5px 2px 1px;font-family:Heroes,Arial,Helvetica,sans-serif}.img-text-left,.img-text-right{position:relative;width:100%}.left-container{grid-column:1/2;background-image:url(/wild-heroes/static/media/riddler.e0c0e791.jpeg);background-repeat:no-repeat;object-fit:fill;position:absolute}.left-container,.right-container{height:100%;width:100%;background-size:cover;filter:brightness(40%);top:0;left:0;transition:.5s}.right-container{grid-column:2/3;background-image:url(/wild-heroes/static/media/comics.8253a5c0.jpeg);position:relative}.text-left,.text-right{position:absolute;text-align:center;top:50%;left:50%;transform:translate(-50%,-50%);width:80%}.subtitles-home{color:#fff;filter:brightness(100%);font-size:2.5rem;letter-spacing:5px;font-style:italic}.paragraph-home,.subtitles-home{font-family:Heroes,Arial,Helvetica,sans-serif}.paragraph-home{position:relative;margin:10% 0 auto auto;color:#daa520;text-shadow:#330404 5px 2px 1px;font-size:25px;border-radius:10px}.brightened{filter:brightness(100%);cursor:pointer}@media screen and (max-width:1024px){.home-container{grid-template-columns:1fr;grid-template-rows:50% 50%;position:relative}.main-title-container{left:50%;top:50%}.main-title-container h1{font-size:1.6rem;text-align:center;line-height:2.8rem}.left-container{grid-row:1/2}.right-container{grid-row:2/3}.left-container,.right-container{filter:brightness(100%)}.subtitles-home{font-size:1.3rem}.paragraph-home{font-size:.9rem;margin:0}}@media screen and (max-width:320px){.main-title-container h1{font-size:1rem;text-align:center;line-height:3rem}.home-container{grid-template-columns:1fr;grid-template-rows:50% 50%;position:relative}.main-title-container{left:50%;top:50%}.left-container{grid-row:1/2}.right-container{grid-row:2/3}.left-container,.right-container{filter:brightness(100%)}.subtitles-home{font-size:1.3rem}.paragraph-home{font-size:.9rem;margin:0}}body{margin:0;padding:0;background-size:cover;background-image:url(/wild-heroes/static/media/Background.c912da15.jpg);background-attachment:fixed}@font-face{font-family:"Heroes";src:local("Heroes"),url(/wild-heroes/static/media/Heroes.71e501cb.ttf)}.nbrCards-search{font-family:"Heroes",Arial,Helvetica,sans-serif;text-align:center;margin-bottom:-2%;margin-top:2%}.nbrCards-search h2{font-size:.8em}.information-card{font-family:"Heroes",Arial,Helvetica,sans-serif;text-align:center;margin-bottom:-2%;margin-top:2%}.container-cards{display:flex;flex-wrap:wrap;justify-content:center;margin-top:2%}.card{width:250px;margin:2vw;background-color:#292828;padding-bottom:15px;border:0 solid #000;border-radius:10px;overflow:hidden;box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);cursor:pointer;transition:.3s}.card:hover{box-shadow:0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22);transform:scale(1.05)}.card img{min-width:250px;height:300px}.card h2{text-align:center;text-transform:uppercase;margin-top:20px;font-size:1em;overflow-wrap:break-word;font-family:"Heroes",Arial,Helvetica,sans-serif;letter-spacing:2px;color:#fff}.card:hover h2,.cards-btn{color:#daa520}.cards-btn{width:150px;height:40px;border-radius:20px;cursor:pointer;font-size:1rem;background:#101971;background:linear-gradient(90deg,#101971,#0f154f 83%,#0e0e0e);transition:.3s}.cards-btn:hover{transform:scale(1.1)}.good-card:hover{background-color:#101971}.bad-card:hover{background-color:#c80000}.normal-card:hover{background-color:#7e7d88}.loader-cardsList{width:100%;height:100%}@media screen and (max-width:550px){.information-card h2,.nbrCards-search h2{font-size:.6em}.card{width:150px}.card img{min-width:150px;height:180px}.card h2{font-size:.6em}}@font-face{font-family:"Gosmick";src:local("Gosmick"),url(/wild-heroes/static/media/GosmickSans.ebefbf41.ttf)}.container-filter{display:flex;justify-content:space-around;align-items:center;padding-top:2vh;padding-bottom:2vh;background:linear-gradient(90deg,#101971,#0e0e0e 50%)}.comics-filter{cursor:pointer;border-radius:15px 15px 2px 2px;padding:0 5px;width:15vw;background-color:rgba(14,14,14,.1);color:#daa520;font-family:"Gosmick",Arial,Helvetica,sans-serif;font-style:italic;font-size:1.2rem;height:40px}.comics-filter,.comics-filter:focus{border:3px solid #fff}.comics-filter:hover{background-color:rgba(255,0,0,.1)}.comics-filter>option{background-color:#0e0e0e;color:rgba(218,165,32,.8);font-style:normal}select{-webkit-appearance:none;appearance:none;background-image:url(/wild-heroes/static/media/arrowolverine.7f25b359.png);background-position:100%;background-size:30px;background-repeat:no-repeat}@media screen and (max-height:415px){.container-filter{display:flex;justify-content:space-around}.comics-filter{width:20vw}}@media screen and (max-width:768px){.container-filter{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;font-size:1rem}.comics-filter{border-radius:15px;margin-bottom:1%;width:50vw}}*{margin:0}.text-button-left{display:flex;margin-right:1%;color:#daa520;padding-bottom:5%;font-size:2vw}.text-button-left p{font-size:2vw}.text-button-rigth{display:flex;margin-left:1%;padding-bottom:5%;color:#daa520;font-size:2vw}.text-button-rigth p{font-size:2vw}.slider-container{display:flex;align-items:center;justify-content:space-around;width:25vh;height:100%}.slider{border-radius:15px;-webkit-appearance:none;appearance:none;width:100%;height:15px;background:#fff;outline:none;transition:opacity .2s}.slider:hover{opacity:1}.slider::-webkit-slider-thumb{border-radius:50%;-webkit-appearance:none;appearance:none;width:40px;height:40px;background-image:url(/wild-heroes/static/media/neutral.3ce5c7fe.png);background-size:contain;cursor:pointer}.slider.filter-male::-webkit-slider-thumb{width:40px;height:40px;background-image:url(/wild-heroes/static/media/spiderman.afe46f08.png);background-size:contain}.slider.filter-female::-webkit-slider-thumb{width:40px;height:40px;background-image:url(/wild-heroes/static/media/WW.c7569723.png);background-size:contain}.slider::-moz-range-thumb{border-radius:50%;-webkit-appearance:none;appearance:none;width:40px;height:40px;background-image:url(/wild-heroes/static/media/neutral.3ce5c7fe.png);background-size:contain;cursor:pointer}@media screen and (max-height:415px){.text-button-left p,.text-button-rigth p{font-size:3vw}.slider-container{display:flex;align-items:center;width:35vh;height:100%}.slider::-webkit-slider-thumb{width:30px;height:30px}}@media screen and (max-width:720px){.text-button-left p,.text-button-rigth p{font-size:3vh}.slider-container{width:28vh;align-items:center}.slider{margin-bottom:15px}}.nav-page p{text-align:center;margin-top:2%;font-size:1.4rem;font-weight:700}.pagination{width:50%;margin:2% auto;display:flex;flex-wrap:wrap;justify-content:center;text-align:center;padding-bottom:2%}.page-link{width:30px;padding:5px;margin-left:2px;transition:background-color .3s;border:1px solid #000;border-radius:30%;background-color:#00008b;font-size:1.5rem;color:#f0f8ff;cursor:pointer}.page-link:hover{background-color:#fff;font-size:1.5rem;color:#000;font-weight:700}@media screen and (max-width:1190px){.pagination{width:80%}.page-link{margin:5px 5px 0 0;font-size:1.2rem;border-radius:50%;width:25px}.page-link:hover{display:none}}.container{background:linear-gradient(90deg,#101971,#0e0e0e 50%);width:100%;height:100%;display:flex;justify-content:center;align-items:center}.search{margin:10px}.search>div{display:inline-block;position:relative}.search>div:after{content:"";background:#fff;width:4px;height:20px;position:absolute;top:40px;right:1px;transform:rotate(135deg)}.search>div>input{cursor:pointer;color:#fff;font-size:16px;background:transparent;width:20px;height:20px;padding:10px;border:3px solid #fff;outline:none;border-radius:30px;transition:width .5s}.search>div>input:-ms-input-placeholder{color:#efefef;opacity:0;-ms-transition:opacity .15s ease-out;transition:opacity .15s ease-out}.search>div>input::placeholder{color:#efefef;opacity:0;transition:opacity .15s ease-out}.search>div>input:focus:-ms-input-placeholder{opacity:.3}.search>div>input:focus::placeholder{opacity:.3}.search>div>input:not(:-ms-input-placeholder){width:300px}.search>div>input:focus,.search>div>input:not(:placeholder-shown){width:300px}@media screen and (max-width:720px){.container{padding-top:1vh;padding-bottom:1vh}.search{margin:5px;width:100%;display:flex;justify-content:center}}@media screen and (max-height:415px){.container{padding-top:4vh;padding-bottom:4vh}.search{margin:5px;width:100%;display:flex;justify-content:center}}
/*# sourceMappingURL=main.9bbc0076.chunk.css.map */