body{margin:0;padding:0;font-family:Roboto;background-color:#000}.characters-list{display:grid;grid-template-columns:300px 300px 300px 300px;grid-gap:10px;height:100vh;padding-top:10px}@media only screen and (max-width:400px){.characters-list{grid-template-columns:150px 150px;grid-gap:5px}}.character{padding:0;margin:0;width:300px;height:340px}.character__image{width:220px;height:300px}.character__informations{position:relative;top:-95px;width:70%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.character__informations--text{font-weight:700;color:#fff;margin:0;padding:5px 0 2px}.status{position:relative;top:-300px;width:40%;left:100px;text-align:right;font-weight:400;color:#fff}.status__alive{background-color:#154815}.status__dead{background-color:#de960f}@media only screen and (max-width:400px){.character{width:150px;height:250px;padding-bottom:10px}.character__image{width:130px;height:250px}.character__informations{top:-115px}.status{top:-250px;left:70px}}.container{width:100vw;height:100vh;padding-left:15px}h2{margin-bottom:0;color:#fff}.header__logo{width:170px}@media only screen and (max-width:400px){.header__logo{width:100px}}
/*# sourceMappingURL=main.3b876a5b.chunk.css.map */