*,*:before,*:after{padding:0;margin:0;box-sizing:border-box;font-family:system-ui;font-size:16px}body{background-color:#05292e;color:#fff}.bar{width:100vw;height:30vh;object-fit:cover;object-position:center}.container{display:flex;flex-direction:column;align-items:center;justify-content:center;row-gap:20px}.residents{width:90vw;display:flex;flex-wrap:wrap;justify-content:center;gap:20px}.location__container{width:90vw;height:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;row-gap:.8rem;border:2px solid transparent;border-radius:15px;box-shadow:5px 5px 10px #1f1f1f;background-color:#365829;padding:5px 15px 15px}.location__title{color:#c1f762;text-align:center}.location__content{list-style:none;display:flex;column-gap:1rem}.location__list{display:flex;flex-direction:column;row-gap:.2rem;text-align:center}.list__title{font-size:.8rem;font-weight:600}.list__content{font-size:.8rem;color:#979797}.location__error{width:100px;height:100px;border-radius:50%;border:2px solid #c1f762}@media (min-width: 700px){.location__container{width:500px}}.resident__list{list-style:none;width:80%;line-height:1.5;display:flex;flex-direction:column;row-gap:10px}.resident__item{display:flex;flex-direction:column;text-align:left}.resident__hr{width:90%;border:1px solid #3b3b3b}.resident__container{width:280px;display:flex;flex-direction:column;align-items:center;padding-bottom:10px;border-radius:10px;overflow:hidden;border:1px solid transparent;background-color:#2727278e;row-gap:5px}.resident__fig{width:100%;position:relative}.resident__img{width:100%;height:auto}.resident__caption{position:absolute;top:30px;left:0;width:100px;height:20px;border-top-right-radius:5px;border-bottom-right-radius:5px;background-color:#05292e;display:flex;padding-left:15px}.caption__txt{font-size:.8rem;color:#fff}.resident__title{padding-left:10px;font-size:.7rem;color:#a8a8a8}.resident__content{font-size:.8rem}