*{box-sizing:border-box;margin:0;padding:0}html body{min-height:100vh}body{background-color:#222;color:#fff;font-family:Roboto,sans-serif}#parent{align-items:center;display:flex;flex-direction:column;justify-content:center}#header{position:relative}#allheros{height:auto;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%}#hero-list{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-around;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}@-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}}.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}#pagination{align-items:center;display:flex;flex-direction:row;height:72px;justify-content:center}#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}button:disabled,button[disabled]{background-color:#222;border:0;color:#7e7e7e;cursor:help;float:left;padding:8px 28px}#pagination-section{display:flex;flex-direction:row;justify-content:end;margin-bottom:200px;width:70vw}@media screen and (max-width:980px){#pagination{width:70vw}#pagination-section{width:50vw}#pagination button{padding:8px 15px}}@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}}#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;margin-left:auto;margin-right:auto;margin-top:10vh;width:10px}@-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)}}
/*# sourceMappingURL=main.382eec81.css.map*/