.hero-card{display:flex;flex-direction:row;align-items:center;width:280px;height:100px;background-image:linear-gradient(90deg,#000 50%,#d90a0a 0);background-color:#393939;background-size:200% 100%;position:relative;color:#fff;font-weight:600;transition:background-position .3s;transition-timing-function:linear;overflow:hidden}@media screen and (max-width:450px){.hero-card{width:100%}}.hero-card>img{height:100%;width:75px;border-right:5px solid #d90a0a;transition:transform .4s}.hero-card>span{margin-left:15px;font-size:20px}.hero-card:after{border-color:transparent #fff transparent transparent;border-style:solid;border-width:20px 20px 0 0;bottom:0;content:"";position:absolute;right:0;z-index:40}.hero-card:hover{cursor:pointer;background-position:-100% 0}.hero-card:hover>img{transform:scale(1.3);transform-origin:50% 50%}.hero-list{display:grid;grid-row-gap:15px;row-gap:15px;grid-column-gap:15px;-webkit-column-gap:15px;column-gap:15px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.hero-list__empty-msg{text-align:center}.loader{display:flex;flex-direction:column;margin-top:20px;justify-content:center;align-items:center}.loader__image{width:60px;height:60px;-webkit-animation:spin 3s linear infinite;animation:spin 3s linear infinite;margin-bottom:20px}.loader__message{font-size:22px}@-webkit-keyframes spin{to{transform:rotate(1turn)}}@keyframes spin{to{transform:rotate(1turn)}}.nav-bar{height:40px;width:100%;background-color:#000;color:#fff;display:flex;justify-content:center;align-items:center;border-bottom:8px solid #d90a0a}.nav-bar>a{color:#fff;text-decoration:none}.nav-bar>a:hover{color:#d90a0a}.search{height:30vh;width:100%;background-size:contain;background-color:#000}.search,.search>form{display:flex;justify-content:center;align-items:center}.search>form{width:80%;font-size:20px;flex-direction:column}.search>form>button{margin-top:15px;height:40px;border-radius:5px;color:#fff;width:140px;background-color:#d90a0a;border:none;font-size:20px;font-weight:600;outline:none}.search>form>button:hover{cursor:pointer;transform:scale(1.1)}.search>form>button:active{opacity:.8}.search-field{width:100%;height:55px;font-size:30px;outline:none;border-radius:5px;border:none;padding-left:10px}.characters-container{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-bottom:50px}.characters-container .list{margin-top:20px;width:70vw}@media screen and (max-width:450px){.characters-container .list{width:90vw}}.power-card{display:flex;flex-direction:column;justify-content:center;align-items:center;width:65px;height:65px;color:#fff;border-radius:50%;margin:5px}.power-card>span{font-weight:700;font-size:10px;text-transform:uppercase}.power-card__icon{width:30%;height:30%}@media screen and (max-width:450px){.power-card{width:55px;height:55px}.power-card>span{font-weight:600;font-size:9px}.power-card__icon{width:26%;height:26%}}.power-card--strength{background-color:#d90a0a}.power-card--intelligence{background-color:#849324}.power-card--power{background-color:#ffb30f;color:#000}.power-card--speed{background-color:#11ab38}.power-card--durability{background-color:#596a69}.power-card--combat{background-color:#01295f}.labels-container{display:flex;flex-direction:column;margin-bottom:12px}.labels-container .title{font-size:15px;padding-left:5px;text-transform:uppercase;font-weight:700;border-left:4px solid #d90a0a}.labels-container .subtitle{font-size:15px;font-weight:300}.details{flex-direction:column;justify-content:center}.details,.details__header{display:flex;width:100%;align-items:center}.details__header{color:#fff;background-color:#000;height:30vh;border-bottom:8px solid #727272}.details__header>img{height:100%}.details__header>div>h1{border-bottom:solid #fff}.details__header__name-stats-container{display:flex;flex-direction:column;width:100%;margin-left:15px}.details__header__name-stats-container .powerstats{display:flex;width:70%;margin-top:20px}@media screen and (max-width:450px){.details__header__name-stats-container .powerstats{margin-top:5px;width:100%;justify-content:space-evenly}}@media screen and (max-width:450px){.details__header__name-stats-container{margin-left:0}}@media screen and (max-width:450px){.details__header{flex-direction:column;height:50vh}.details__header>img{height:50%}.details__header>div>h1{border-bottom:solid #fff;text-align:center}}.details__char-info{display:flex;margin-left:20px;margin-right:20px;width:70vw;justify-content:center;margin-bottom:50px}@media screen and (max-width:450px){.details__char-info{flex-direction:column;width:95%;margin:0}}.details__char-info>*>span{line-height:30px}.details__char-info__appearance{width:30vw;padding-left:10px;border-left:1px solid #8f8c8a}@media screen and (max-width:450px){.details__char-info__appearance{border-left:none;padding-left:0;width:100%;border-top:1px solid #8f8c8a}}.details__char-info__biography{width:70vw;padding-right:20px}@media screen and (max-width:450px){.details__char-info__biography{width:100%;padding-right:0}}.details .label{font-weight:700}@font-face{font-family:Oswald;font-style:normal;font-weight:200;font-display:swap;src:url(https://fonts.gstatic.com/s/oswald/v35/TK3_WkUHHAIjg75cFRf3bXL8LICs13FvgUE.ttf) format("truetype")}@font-face{font-family:Oswald;font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/oswald/v35/TK3_WkUHHAIjg75cFRf3bXL8LICs169vgUE.ttf) format("truetype")}@font-face{font-family:Oswald;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/oswald/v35/TK3_WkUHHAIjg75cFRf3bXL8LICs1_FvgUE.ttf) format("truetype")}@font-face{font-family:Oswald;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/oswald/v35/TK3_WkUHHAIjg75cFRf3bXL8LICs18NvgUE.ttf) format("truetype")}@font-face{font-family:Oswald;font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/oswald/v35/TK3_WkUHHAIjg75cFRf3bXL8LICs1y9ogUE.ttf) format("truetype")}@font-face{font-family:Oswald;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/oswald/v35/TK3_WkUHHAIjg75cFRf3bXL8LICs1xZogUE.ttf) format("truetype")}html{font-family:Oswald,sans-serif}button,input,textarea{font-family:inherit}body{margin:0}h1{text-transform:uppercase;font-weight:700}
/*# sourceMappingURL=main.83dd1daa.chunk.css.map */