@import"https://fonts.googleapis.com/css2?family=Lato:wght@100;300;400;700;900&display=swap";.principal{width:100%;height:100%;min-height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;background-image:url(/assets/fondo2-01ba766b.jpg);background-repeat:no-repeat;background-size:cover;background-attachment:fixed}.principal___error{font-size:3em;color:#fff;text-align:center}.loader{position:fixed;top:0;left:0;display:flex;flex-direction:column;width:100%;height:100%;min-height:100vh;align-items:center;justify-content:center;z-index:2;background-image:url(/assets/fondo2-01ba766b.jpg);background-repeat:no-repeat;background-size:cover;background-attachment:fixed}.loader img{width:30%;height:50vh}.loader__hidden{opacity:0;visibility:hidden;transition:all .5s ease-in-out}.principal__header{width:75%;height:13.5rem}.principal__form{display:flex;width:60%;max-width:500px;justify-content:center;align-items:center;margin:4em;gap:.5em}.principal__form input{width:20em;height:2.5em;border-radius:.5em}.principal__form button{width:10em;height:2.5em;border-radius:.5em;background-color:#308840;font-family:Courier New,Courier,monospace;font-weight:700}.principal__form button:hover{background-color:#308840a1}.location{width:40%;max-width:390px;background-color:#072226;padding:.5em;margin:.8em 4em 4em;border-radius:1em;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:.5em;flex-wrap:wrap}.location__title{text-align:center;color:#308840}.location__list{display:flex;align-items:center;justify-content:center;gap:2em;color:#fff;flex-wrap:wrap}.location__item{display:flex;align-items:center;justify-content:center;flex-direction:column}.location__value{font-size:.8em;padding-left:1em;color:#aaa}.location__label{font-weight:500}.principal__card{display:flex;flex-wrap:wrap;gap:5em;align-items:center;justify-content:center}.resident{width:100%;max-width:300px;background-color:#072226;color:#fff;border-radius:.7em;overflow:hidden;transition:transform .1s ease}.resident:hover{transform:scale(1.03)}.resident__header{position:relative}.resident__status{position:absolute;top:2.5em;background-color:#072226;width:40%;padding:.3em .7em;border-radius:0 .5em .5em 0;display:flex;gap:.3em;align-items:center}.resident__status__circle{display:block;width:14px;aspect-ratio:1;border-radius:50%;background-color:#aaa}.Alive{background-color:#adff2f}.Dead{background-color:red}.resident__body{padding:1.5em 1em 2.5em}.resident__name{text-align:center;margin-bottom:.5em;font-weight:700;color:#00d991}.resident__hr{margin-bottom:.5em;border-color:#aaa3}.resident__list{display:grid;gap:.7em}.resident__item{display:flex;flex-direction:column}.resident__label{font-weight:500}.resident__value{font-size:.8em;padding-left:1em;color:#aaaaaad8}.pagination{width:35em;height:auto;display:flex;align-items:center;justify-content:center;gap:1em;margin:1em;padding:2em}.pagination__btn{width:8em;height:2.5em;border-radius:1.5em;border:none;font-size:1em;font-family:Courier New,Courier,monospace;font-weight:700}.pagination__input{width:3.5em;height:2.5em;border-radius:.5em;border:1px solid black;text-align:center}.pagination__max{color:#fff;font-size:1.5em;width:3em}*{box-sizing:border-box}html{font-family:Lato,sans-serif}body{margin:0}h1,h2,h3,ul,hr{margin-top:0;margin-bottom:0}ul{list-style:none;padding-left:0}input{outline:none;font-family:inherit}button{font-family:inherit;cursor:pointer}img{width:100%;display:block}