*{font-family:Inter,Avenir,Helvetica,Arial,sans-serif;box-sizing:border-box}.App{text-align:center}.main{background-color:#000!important}body{margin:0!important;background-color:#000;font-size:.9em;height:1400px}input{width:80%;height:40px}.banner{background-image:url(https://i.pinimg.com/originals/b1/45/3c/b1453c3b76f69f00303029fadd2329ad.gif);background-size:100% 100%;background-repeat:no-repeat;background-position:cover;height:350px}.rm-logo{display:grid;place-items:center;margin-top:15px;margin-bottom:10%}.logo-poke{width:60%;max-width:650px;margin-top:5%;filter:drop-shadow(0 0 3em #0fcf59aa)}.logo-poke:hover{filter:drop-shadow(0 0 3em #2be58eaa)}.wiki{margin-top:5%;margin-bottom:5%}.type-id{width:100%;margin:0 auto}.input-type{border-radius:7px solid;border-width:3px;border-color:#0fcf59aa;margin-left:0;margin-bottom:5%;width:80%}.input-type:hover{border-color:#2be58eaa}.btn-type{margin-left:-65px;background-color:#0fcf59aa;border-color:#2be58eaa;cursor:pointer}.btn-type{border-color:#2be58eaa}.residents-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));list-style:none;filter:drop-shadow(0 0 3em #0fcf59aa);gap:20px;max-width:1200px;width:90%;margin:0 auto}.resident-card{box-shadow:2px 2px 8px #0003;border-radius:10px;padding:10px;height:100%}.resident-card:hover{filter:drop-shadow(0 0 3em #2be58eaa)}ul{list-style:none}.resident-card img{width:100%}@media (max-width: 280px){.banner{height:110px}}@media (min-width: 280px) and (max-width: 499px){.title{margin-top:-170px;color:#5fe03f}.banner{height:140px}}@media (min-width: 500px) and (max-width: 700px){.banner{height:170px}}@media (min-width: 701px) and (max-width: 980px){.banner{height:200px}.input-type{width:50%}}@media (min-width: 982px){.input-type{width:50%}}:root{font-family:Inter,Avenir,Helvetica,Arial,sans-serif;font-size:16px;line-height:24px;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{min-width:100%;min-height:100vh;max-height:100vh}h1{font-size:3.2em;line-height:1.1}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}