.App{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;background-color:#272121}.head__image{width:100%;height:180px}.container{width:70%}.container__title{text-align:center;margin:.5em 0}.form__search{width:100%}.search__text{width:80%;background-color:#443737;padding:1em;border:none}.search__btn{width:20%;background-color:#272121;padding:1em 0;border:1px #fff solid}span{color:#8fc849}.content__info{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1em 0}.info__title{margin-bottom:1em}.info__list{display:flex;justify-content:space-around;width:100%}.info__item{display:flex;flex-direction:column;align-items:center}.list__residents{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:.5em;padding:1rem;gap:1em}.card{background-color:#3e3435;padding:1rem;border-radius:1rem;box-shadow:0 .5rem 1rem #00000026;width:80%;margin:0 auto;display:flex;flex-direction:column;gap:.6em}.card:hover .card__status{background-color:#3e3435}.card__image{position:relative}.card__status{width:50%;display:flex;gap:5px;padding:5px;z-index:1000;position:absolute;bottom:80%;background-color:#3e343580;font-size:12px;border-radius:0 5px 5px 0}.card__estatus-color{width:10px;height:10px;border:none;border-radius:50%}.Dead{background-color:red}.Alive{background-color:green}.unknown{background-color:gray}.suggestion__item{padding:.5em}.suggestion__item:hover{background-color:#06292f}.error__screen{width:100%;height:100vh;background-image:url(/assets/404error.c1cda0f0.jpg);background-size:cover;background-position:center;background-repeat:no-repeat}.error_title{text-align:center;padding-top:2em}*{margin:0;padding:0;box-sizing:border-box;color:#fff}body{background-color:#272121}img{width:100%;height:100%;display:block}ul{list-style:none}