@import"https://fonts.googleapis.com/css2?family=Comic+Neue:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap";.app{padding:top}.app_header{height:30vh;background-image:url(/Rick.png),url(/bn.jpg);background-position:center,center,center;background-position-x:center,center,center;background-position-y:center,center,center;background-repeat:no-repeat;background-size:50vh,cover,cover;box-shadow:0 0 2.9em #3af63aa2}.app_baner{margin-left:auto;margin-right:auto;border-radius:1rem;max-width:1400px}.form{display:flex;justify-content:center;height:2.5em;margin-bottom:2em}.form_input{width:100%;max-width:250px;font-family:inherit;padding-left:1em;border-radius:.5em 0 0 .5em;max-width:400px}.form_btn{width:80px;border-radius:0 .5em .5em 0;background-color:#6ccb0c;color:#000;font-weight:700;transition:font-weight .1s ease,filter .1s ease;cursor:pointer}.form_btn:hover{font-weight:700;filter:brightness(1.1)}.pagination{justify-content:center}.app_error{text-align:center;text-transform:capitalize;line-height:1.8;font-weight:500}.app_img_err{display:block;margin:0 auto;width:500px;aspect-ratio:1.3;border-radius:50%;box-shadow:0 0 2.9em #3af63aa2}.residents_container{display:flex;gap:2em;flex-wrap:wrap;justify-content:center;max-width:1400px;margin-left:auto;margin-right:auto;box-shadow:0 0 2.9em #3af63aa2}.resident_body:hover{transform:scale(1.05);background-color:#00c8ff16;cursor:pointer}.resident_img{animation:img 2s infinite}@keyframes img{0%{transform:rotateX(10deg)}to{transform:rotateY(10deg)}}.app_header{animation:header 4.5s infinite}@keyframes header{0%{transform:scale3d(1.3,1.1,2.4)}}.hidden{display:none}.location{background-color:#062226;box-shadow:1px 1px 6px #000;padding:1em;margin-bottom:4em;max-width:700px;margin-left:auto;margin-right:auto;border-radius:.5em;transform:scale(1.1);box-shadow:0 0 .8em #3af63aa2}.location_name{text-align:center;margin-bottom:.5em;color:#529f04;filter:brightness(1.1)}.location_list{display:flex;justify-content:space-between}.location_item{display:grid;gap:.3em;text-align:center;font-weight:300;color:#aaa}.location_label{font-weight:550;color:#fff}.location{animation:location 2s infinite}@keyframes location{0%{transform:translate3d(12px,50%,3em)}to{transform:rotateY(10deg)}}.resident{border-radius:.5em;background-color:#062226;overflow:hidden;max-width:300px}.resident_header{position:relative}.resident_container_status{display:flex;gap:.6em;align-items:center;position:absolute;top:1.5em;width:7em;background-color:#062226;padding:.3em 0 .3em .6em;border-radius:0 .4em .4em 0}.resident_circle{display:block;width:12px;aspect-ratio:1;border-radius:50%;background-color:#aaa}.Alive{background-color:#18e818}.status{width:20px;aspect-ratio:1;border-radius:50%;animation:rotate .8s infinite}.Dead{background-color:red}.resident_body{padding:1em 1.3em 1.8em}.resident_name{text-align:center;margin-bottom:.5em;font-size:1.3rem}.resident_hr{border:none;border-top:1px solid #aaa9;margin-bottom:.5em}.resident_list{display:grid;gap:.5em}.resident_item{display:flex;flex-direction:column}.resident_label{font-size:.9rem;position:relative;color:#aaa}*{box-sizing:border-box}body{margin:0;font-family:Comic Neue,cursive;background-color:#0c011e;color:#fff}h1,h2,h3,p,ul{margin-top:0;margin-bottom:0}ul{padding-left:0;list-style:none}img{display:block;width:100%}input{outline:none;border:none;font-family:inherit}button{border:none;font-family:inherit}
