@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,200;0,400;0,500;0,600;0,700;1,300&display=swap";.App{width:100%;height:100%}.resident-container{display:flex;justify-content:center;flex-wrap:wrap;gap:1rem;width:100%;max-width:1400px;margin:auto}.App{position:absolute;height:372px;width:1440px;left:0;top:0;border-radius:0;background-image:url(/assets/rick-morty.19ed2c63.jpg);background-size:cover}.background{position:absolute;height:43%;width:454px;left:493px;top:48px;border-radius:0;background-image:url(/assets/rick-morty2.c0f53c05.png);background-size:cover;overflow:hidden;transition:transform .1s ease-in-out}.background:hover{transform:scale(1.1)}.btn{margin-top:23rem;display:flex;justify-content:center;align-items:center;gap:1rem;padding:5px 0;margin-top:15rem;margin-bottom:5rem}.btn-inp{border:none;width:300px;height:40px;background-color:#cacaca;border-radius:5px;box-shadow:0 10px 10px 10px #00000085}.btn-search{border:none;width:70px;height:50px;border-radius:6px;background-color:#add8e6;cursor:pointer;overflow:hidden;transition:transform .1s ease-in-out}.btn-search:hover{transform:scale(1.1)}.location-container{display:grid;width:25%;font-size:20px;margin-left:.5rem;margin-bottom:.5rem;padding:10px;justify-content:center;background-color:#06222698;border-radius:20px}.location-name{text-transform:uppercase}.card{width:100%;max-width:300px;border:1px solid rgb(154,208,255);border-radius:.8em;overflow:hidden;transition:transform .1s ease-in-out}.card:hover{transform:scale(.9)}.card__header{width:100%;aspect-ratio:1;position:relative}.card__img{width:100%;height:100%;object-fit:cover}.card__circle-container{position:absolute;top:10%;width:30%;background-color:#062226;padding:5px 0 5px 5px;border-radius:0 8px 8px 0;color:#fff;display:flex;align-items:center;gap:.5rem}.card__circle{width:10px;aspect-ratio:1;background-color:#bebebe;border-radius:50%}.Alive{background-color:#90ee90}.Dead{background-color:red}.card__body{padding:15px 15px 20px;background-color:#062226;color:#fff}.card__name{font-size:1.4rem;font-weight:400;text-align:center;margin-bottom:.7em}.card__list{display:grid;gap:.3rem}.card__item-label{display:block;text-transform:uppercase;font-size:.8rem;opacity:70%;font-weight:600;margin-bottom:.1rem;position:relative;left:.8em}.fail{font-size:40px;display:flex;color:#d3d3d3;justify-content:center;align-items:center}*{box-sizing:border-box}body{margin:0;font-family:Poppins,sans-serif;background-color:#04444e;color:#fff}h1,h2,h3,h4,p,ul{margin-top:0;margin-bottom:0}button{display:block}ul{padding-left:0;list-style:none}img{display:block;width:100%}input{outline:none}