@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap);*{box-sizing:border-box;margin:0;padding:0}html body{min-height:100vh}body{background-color:#222;color:#fff;font-family:Roboto,sans-serif}.row{display:flex;flex-direction:row}.column{display:flex;flex-direction:column}.gap{gap:15px}.justify__center{justify-content:center}.justify__start{justify-content:start}.justify__around{justify-content:space-around}.justify__end{justify-content:end}.justify__between{justify-content:space-between}.align__center{align-items:center}.align__start{align-items:flex-start}.content__center{align-content:flex-start}.wrap{flex-wrap:wrap}.my-1{margin-bottom:1rem;margin-top:1rem}.container{margin:0 auto;padding:20px;width:90%}.bold{font-weight:700}.w-100{width:100%}.h-100{height:100%}#header{min-height:100%;position:relative;width:100%}#allheros{height:auto;object-fit:fill;width:100%}#marvel-logo-img{bottom:0;height:auto;left:0;margin-left:auto;margin-right:auto;max-width:600px;position:absolute;right:0;width:30%}#pagination-section{margin-bottom:200px;width:70vw}#pagination{height:72px}#pagination button{background-color:#222;border:0;color:#7e7e7e;float:left;padding:8px 28px;text-decoration:none;transition:background-color .3s}#pagination button:hover{background-color:#7e7e7e;border-radius:30px;color:#fff;cursor:pointer}#pagination button.active{background-color:#7e7e7e;border-radius:30px;color:#222}#pagination button:disabled{background-color:#222;color:#7e7e7e;cursor:help}@media screen and (max-width:980px){#pagination{width:70vw}#pagination-section{width:50vw}#pagination button{padding:8px 15px}}@media screen and (max-width:730px){#pagination,#pagination-section{width:80vw}#pagination button{padding:4px 8px}}@media screen and (max-width:680px){#pagination,#pagination-section{width:70vw}#pagination button{padding:4px 8px}}@media screen and (max-width:350px){#pagination,#pagination-section{width:100vw}#pagination button{padding:4px 8px}}#hero-list{margin-bottom:90px;margin-top:10vh;row-gap:10px;width:70vw}.card{cursor:pointer;flex:25% 1;padding:5px}.card:hover{-webkit-animation:blink-2 .9s both;animation:blink-2 .9s both}.divider{background-color:#fff;height:1px;margin:10px auto 3rem;width:216px}.img-frame{border:1px solid #fff;height:360px;margin:0 auto;position:relative;text-align:center;width:252px}.hero-image{height:90%;top:-40px;width:90%}#hero-name,.hero-image{left:0;margin:0 auto;position:absolute;right:0}#hero-name{bottom:25px;color:#fff}#loading{-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite;border:16px solid #f3f3f3;border-radius:50%;border-top-color:red;height:10px;left:50%;position:absolute;top:60%;width:10px;z-index:100}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}#option__box{margin:0 auto;padding:20px;width:80%}#localization{padding-top:15px}.language__button{background-color:#7e7e7e;border:none;color:#000;cursor:pointer;display:inline-block;margin:0 5px;padding:23px;text-align:center;text-decoration:none}.language__button:hover{-webkit-animation:blink-2 .9s both;animation:blink-2 .9s both;border-radius:10px}.active{background:#ededed}@media screen and (max-width:750px){#option__bar{display:flex;flex-direction:column}#searchbar__text{justify-content:center}}#search__box{position:relative;width:55%}#search__bar{background-color:transparent;border:1px solid #f4f4f4;color:#fff;margin-top:1rem;padding:20px}#search__bar,.search__result{font-size:18px;line-height:21px;width:100%}.search__result{background-color:#434343;font-weight:400;left:0;position:absolute;z-index:100}.search__result_item{color:#fff;padding:15px;text-decoration:none}.search__result_item:hover{-webkit-animation:blink-2 .9s both;animation:blink-2 .9s both;background-color:#7e7e7e;cursor:pointer}.search__result__not_found{font-size:18;padding:25px;text-align:center}#hero__title{font-size:2.1rem;margin-bottom:1rem}.cover__list{grid-gap:8px;display:grid;gap:8px;grid-auto-flow:row dense;grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(auto-fit,1fr);justify-items:center;margin:0 auto;width:90%}.cover__card:hover{-webkit-animation:blink-2 .9s both;animation:blink-2 .9s both;cursor:cell}@-webkit-keyframes blink-2{0%{opacity:1}50%{opacity:.2}to{opacity:1}}@keyframes blink-2{0%{opacity:1}50%{opacity:.2}to{opacity:1}}.cover__card span{display:block;font-size:1.2rem;text-align:center}.cover__title{font-size:3rem}.cover__null{text-align:center;width:90vw}.back__button{border:2px solid #fff;border-radius:20px;color:#fff;padding:20px}.back__button:hover{-webkit-animation:blink-2 .9s both;animation:blink-2 .9s both;border:2px solid red;cursor:pointer;padding:20px}@media screen and (max-width:1600px){.cover__list{grid-template-columns:repeat(5,1fr)}}@media screen and (max-width:1300px){.cover__list{grid-template-columns:repeat(4,1fr)}}@media screen and (max-width:1100px){.cover__list{grid-template-columns:repeat(3,1fr)}}@media screen and (max-width:900px){.cover__list{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:580px){.cover__list{grid-template-columns:repeat(1,1fr)}}
/*# sourceMappingURL=main.b94011b8.css.map*/