.app{background-color:#05292e;min-height:100vh;width:100%}.app__form{padding-top:2em;display:flex;justify-content:center;margin-bottom:2em}.app__input{padding:.6em 1.2em;border-radius:.5em 0 0 .5em}.app__btn{border-radius:0 .5em .5em 0;padding:0 1em;background-color:#77bd0d;color:#fff;cursor:pointer}.app__btn:hover{background-color:#52800d}.app__btn:active{transform:scale(.95)}.location{padding:2em;border-radius:.8em;background-color:#062226;max-width:600px;margin-bottom:3em;margin-left:auto;margin-right:auto;box-shadow:.2em .2em .5em #0009}.location__name{text-align:center;margin-bottom:1em;color:#7dc70e}.location__list{display:flex;gap:1em;justify-content:space-around}.location__item{display:flex;flex-direction:column;align-items:center;gap:.5em;color:#aaa;font-weight:400}.location__label{color:#fff;font-weight:500}.resident{max-width:320px;border-radius:.8em;background-color:#062226;overflow:hidden;box-shadow:.2em .2em .5em #0009;transition:transform .4s ease;margin-bottom:1em}.resident:hover{transform:scale(1.05)}.resident__header{position:relative}.resident__status{background-color:#062226;position:absolute;top:15%;width:35%;padding:.3em 0 .3em .5em;border-radius:0 .5em .5em 0;display:flex;align-items:center;gap:.5em}.resident__status-circle{width:15px;aspect-ratio:1;background-color:#aaa;border-radius:50%}.Alive{background-color:#7dc70e}.Dead{background-color:#d70404}.resident__body{padding:1.4em 1.2em 2em}.resident__name{text-align:center;font-size:1.1rem;margin-bottom:.5em}.resident__hr{border-color:#ccc5}.resident__list{display:grid;gap:1em}.resident__item{display:flex;flex-direction:column;gap:.2em}.resident__label{padding-left:1em;font-size:.9rem;color:#aaa;font-weight:500}.resident__container{display:flex;flex-wrap:wrap;gap:3em;justify-content:center}*{box-sizing:border-box}html{font-family:Lato,sans-serif}body{margin:0;color:#fff}h1,h2,h3,h4,p,ul{margin-top:0;margin-bottom:0}ul{list-style:none;padding-left:0}input{outline:0;font-family:inherit;border:0}button{border:0;font-family:inherit}img{display:block;width:100%}