@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap";.residents-container{display:flex;justify-content:center;flex-wrap:wrap;gap:20px;width:100%;max-width:1480px;margin-left:auto;margin-right:auto}.banner{height:380px;background-position:50% 72%;margin-bottom:8px}.img__container{width:100%;display:flex;justify-content:center}.img__title{width:280px}.article__location{display:flex;align-items:center;justify-content:center;font-size:3rem;color:#fff}.list__box{display:flex;justify-content:space-around;margin:2rem;padding:30px 150px;font-size:1.2rem;color:#fff;background-color:#09091f7e;border-radius:1rem}.form__container{display:flex;align-items:center;justify-content:center;gap:5px}.form__text{margin:.7rem}input{background:#6d7e8f;box-shadow:1px 1px 6px #0000007f;border:0;width:50%;height:30px;font-size:1rem;padding:10px;outline:0;color:#fff}.error{text-align:center;padding:2rem;color:#fff}@media (max-width: 576px){.banner{height:200px}.article__location{text-align:center;font-size:2rem;padding:1rem 3rem;padding-bottom:1px}.list__box{display:flex;justify-content:space-around;margin-bottom:30px;padding:20px 10px;gap:10px;font-size:1}}.card{width:100%;max-width:280px;border-radius:.8em;overflow:hidden;transition:transform .2s ease}.card:hover{transform:scale(1.05)}.card__header{width:100%;aspect-ratio:1;position:relative}.card__avatar{width:100%;height:100%;object-fit:cover}.card__circle-container{position:absolute;top:10%;width:37%;background-color:#062226;padding:5px 0 5px 5px;border-radius:0 8px 8px 0;color:#fff;display:flex;align-items:center;gap:10px}.card__circle{width:12px;aspect-ratio:1;background-color:#d4d1d1;border-radius:50%}.Alive{background-color:#adff2f}.Dead{background-color:red}.card__body{padding:15px 15px 20px;background:#062226;color:#fff}.card__name{height:50px;font-size:1.4rem;font-weight:400;text-align:center;margin-bottom:.7em}.card__list{display:grid;gap:.5em}.card__item-label{display:block;text-transform:uppercase;font-size:.8rem;font-weight:700;color:#777c7c;margin-bottom:.05em}*{box-sizing:border-box}body{margin:0;font-family:sans-serif;background-color:#092b30}h1,h2,h3,h4,p,ul{margin-top:0;margin-bottom:0}button{display:block;border:none;cursor:pointer;height:30px;width:70px;background-color:#142638;color:#adff2f}ul{padding-left:0;list-style:none}img{display:block;width:100%}