#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}li{text-transform:capitalize}html{font-size:62.5%}body{font-family:Arial,sans-serif;background:#dff4e7;min-height:100vh;padding:20px;font-size:1.6rem;display:flex;justify-content:center}.pokemon-grid{display:grid;grid-template-columns:1fr;max-width:100rem;gap:1.5rem}.pokemon-list-title{color:#11ad79;font-size:2rem;width:100%;margin-bottom:2.5rem}.img-container{padding:1.5rem 1.5rem .5rem}.img-container img{width:100%;background-color:#fff;border-radius:1.3rem}.pokemon-card{text-align:center;border:1px solid rgb(17,173,121);border-radius:1.5rem;margin-bottom:2.5rem}.pokemon-card p:nth-of-type(1){color:#666;padding-bottom:1rem}.pokemon-card p:nth-of-type(2){color:#000;padding-bottom:1rem}form{margin-bottom:4rem;position:relative;display:inline-block}form input{padding:1rem;border-radius:1.2rem;border:none}form button{padding:1rem;border-radius:1.2rem;border:none;cursor:pointer;position:absolute;top:0;right:0;background-color:#000;color:#fff}@media only screen and (min-width: 768px){.pokemon-grid{grid-template-columns:repeat(2,1fr)}.img-container{padding:3rem}.pokemon-card p:nth-of-type(1){font-size:2rem}.pokemon-card p:nth-of-type(2){font-size:2rem}}@media only screen and (min-width: 1024px){.pokemon-grid{grid-template-columns:repeat(4,1fr)}.img-container{padding:1rem}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;background:#dff4e7;min-height:100vh;padding:20px;display:flex;justify-content:center}.container{max-width:100rem}.container img{width:100%}.info-card{background-color:#fff;padding:2rem;margin-top:2rem;border-radius:1.3rem}.info-card>:nth-child(1){justify-self:flex-start;font-size:2.1rem}.info-card>:nth-child(2){justify-self:flex-start;font-size:2.8rem;margin-top:1.5rem}.info-card>:nth-child(3){justify-self:flex-start;font-size:1.5rem;margin-top:1.2rem}.handw-container{display:flex;gap:1.2rem;font-size:1.5rem;margin-top:2rem;margin-bottom:3rem}.stats-div p{margin-top:1.5rem;border-radius:1.2rem;padding:1rem;font-size:1.5rem}.stats-div>:nth-child(1){background-color:#ffcb05}.stats-div>:nth-child(2){background-color:#ff6b35}.stats-div>:nth-child(3){background-color:#3b82f6}.stats-div>:nth-child(4){background-color:#22c55e}.stats-div>:nth-child(5){background-color:#8b5cf6}.stats-div>:nth-child(6){background-color:#64748b}@media only screen and (min-width: 768px){.info-card>:nth-child(1){justify-self:flex-start;font-size:2.3rem}.info-card>:nth-child(2){justify-self:flex-start;font-size:3.1rem;margin-top:1.5rem}.info-card>:nth-child(3){justify-self:flex-start;font-size:1.8rem;margin-top:1.2rem}.handw-container{display:flex;gap:1.2rem;font-size:1.8rem;margin-top:2rem;margin-bottom:3rem}.stats-div p{margin-top:1.5rem;border-radius:1.2rem;padding:1rem;font-size:1.8rem}}@media only screen and (min-width: 1024px){.info-card>:nth-child(1){justify-self:flex-start;font-size:2.6rem}.info-card>:nth-child(2){justify-self:flex-start;font-size:3.4rem;margin-top:1.5rem}.info-card>:nth-child(3){justify-self:flex-start;font-size:2.1rem;margin-top:1.2rem}.handw-container{display:flex;gap:1.2rem;font-size:2.1rem;margin-top:2rem;margin-bottom:3rem}.stats-div p{margin-top:1.5rem;border-radius:1.2rem;padding:1rem;font-size:2.1rem}}@media only screen and (min-width: 1440px){.info-card>:nth-child(1){justify-self:flex-start;font-size:2.9rem}.info-card>:nth-child(2){justify-self:flex-start;font-size:3.7rem;margin-top:1.5rem}.info-card>:nth-child(3){justify-self:flex-start;font-size:2.4rem;margin-top:1.2rem}.handw-container{display:flex;gap:1.2rem;font-size:2.4rem;margin-top:2rem;margin-bottom:3rem}.stats-div p{margin-top:1.5rem;border-radius:1.2rem;padding:1rem;font-size:2.4rem}}
