@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;500&display=swap);:root{--Background:#130f40;--CardBackground:#30336b;--White:#fff;--LifeTrue:#6ab04c;--LifeFalse:#eb4d4b;--SemiGray:#95afc0}*{margin:0;padding:0;box-sizing:border-box}body{font-family:"Poppins",sans-serif;font-weight:400;background-color:#130f40;background-color:var(--Background);color:#fff;color:var(--White)}button,input{font-family:"Poppins",sans-serif;font-weight:400;border:none;outline:none}.header{width:100%;height:130px;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.header__logo{width:300px}.form{width:90%;height:55px;margin:10px auto;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.form__group{width:80%;height:100%;position:relative}.form__input{width:100%;height:100%;background-color:var(--CardBackground);border-radius:10px;padding-left:30px;color:var(--White)}.form__input::-webkit-input-placeholder{color:var(--SemiGray);font-size:12px}.form__input:-ms-input-placeholder{color:var(--SemiGray);font-size:12px}.form__input::placeholder{color:var(--SemiGray);font-size:12px}.form__button{width:120px;height:35px;right:20px;top:9px;border-radius:7px;background-color:var(--SemiGray);font-weight:500;cursor:pointer}.form__alert,.form__button{position:absolute;color:var(--White)}.form__alert{background-color:var(--LifeFalse);padding:1px;border-radius:3px;margin-top:10px;margin-left:10px;display:none;-webkit-animation:alertAnimation .2s;animation:alertAnimation .2s}.form__alert.active{display:block}@-webkit-keyframes alertAnimation{0%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg);transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s}to{-webkit-transform:rotate(5deg);transform:rotate(5deg);transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s}}@keyframes alertAnimation{0%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg);transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s}to{-webkit-transform:rotate(5deg);transform:rotate(5deg);transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s}}@media(max-width:575px){.form__group{width:90%}}@media(max-width:375px){.form__button{width:80px}}.charactersContainer{width:100%;margin:20px auto;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(10,1fr);justify-items:center}@media(max-width:574px){.charactersContainer{grid-template-columns:1fr}}.character{width:600px;height:200px;background-color:var(--CardBackground);margin:20px;border-radius:7px;display:-webkit-flex;display:flex;box-shadow:0 2px 21px -5px #30336b}.character__img{width:229.2px;height:100%;border-top-left-radius:7px;border-bottom-left-radius:7px}.character__data{margin-left:12px}.character__info{margin-bottom:10px}.character__subtitle{color:var(--White);font-size:15px;font-weight:400;color:var(--SemiGray)}.character__status{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.character__alive{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:4px}.character__alive.Alive{background-color:var(--LifeTrue)}.character__alive.Dead{background-color:var(--LifeFalse)}.character__alive.unknown{background-color:var(--SemiGray)}@media(max-width:575px){.character{width:95%;height:190px;font-size:11px}.character__img{width:200px}.character__data{margin-bottom:5px}.character__name{font-size:15px;margin-bottom:10px}}@media (max-width:375px){.character{width:98%}.character__img{width:140px}}
/*# sourceMappingURL=main.4a88c23a.chunk.css.map */