:root{--vt-c-white: #ffffff;--vt-c-white-soft: #f8f8f8;--vt-c-white-mute: #f2f2f2;--vt-c-black: #181818;--vt-c-black-soft: #222222;--vt-c-black-mute: #282828;--vt-c-indigo: #2c3e50;--vt-c-divider-light-1: rgba(60, 60, 60, .29);--vt-c-divider-light-2: rgba(60, 60, 60, .12);--vt-c-divider-dark-1: rgba(84, 84, 84, .65);--vt-c-divider-dark-2: rgba(84, 84, 84, .48);--vt-c-text-light-1: var(--vt-c-indigo);--vt-c-text-light-2: rgba(60, 60, 60, .66);--vt-c-text-dark-1: var(--vt-c-white);--vt-c-text-dark-2: rgba(235, 235, 235, .64)}:root{--color-background: var(--vt-c-white);--color-background-soft: var(--vt-c-white-soft);--color-background-mute: var(--vt-c-white-mute);--color-border: var(--vt-c-divider-light-2);--color-border-hover: var(--vt-c-divider-light-1);--color-heading: var(--vt-c-text-light-1);--color-text: var(--vt-c-text-light-1);--section-gap: 160px}@media (prefers-color-scheme: dark){:root{--color-background: var(--vt-c-black);--color-background-soft: var(--vt-c-black-soft);--color-background-mute: var(--vt-c-black-mute);--color-border: var(--vt-c-divider-dark-2);--color-border-hover: var(--vt-c-divider-dark-1);--color-heading: var(--vt-c-text-dark-1);--color-text: var(--vt-c-text-dark-2)}}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;color:var(--color-text);background:var(--color-background);transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{max-width:1280px;margin:0 auto;padding:2rem;font-weight:400}a,.green{text-decoration:none;color:#00bd7e;transition:.4s;padding:3px}@media (hover: hover){a:hover{background-color:#00bd7e33}}@media (min-width: 1024px){body{display:flex;place-items:center}#app{width:100%}}h1{font-size:2em;color:#2c3e50}p{font-size:1.2em;color:#34495e}.button-back{position:fixed;top:3%;left:3%;border-radius:30px;padding:5px 10px;box-shadow:#63636333 0 5px 10px;border-color:transparent;cursor:pointer}.button-back:hover{background-color:#fff}.detail{align-items:center;display:flex;flex-direction:column}h3{font-size:16px;color:#2c3e50}.detail .name{margin-top:10px;font-size:26px;color:#2c3e50}.detail-container{max-width:550px;display:flex;flex-direction:column;align-items:center;margin-inline:auto;text-align:center}.desc{margin-top:10px;font-size:13px;color:#355f70}.size,.abilities-child{margin-top:10px;display:flex;justify-content:center;gap:100px}.size span,.ability-item{display:block;width:100px;margin:2px;background-color:#f6f8fc;border-radius:30px;text-transform:capitalize}.size p,.abilities p,.stats p,.evolution p{font-size:18px;font-weight:500}.stats-child{display:flex;align-items:center;justify-content:center;margin:8px 0 10px;gap:40px}.stat-item{background-color:#f6f8fc;display:flex;flex-direction:column;border-radius:30px;box-shadow:#636363 0 .5px 4px;padding:5px;margin:5px}.stat-name{color:#fff;display:flex;align-items:center;justify-content:center;border-radius:50%;padding:2px;height:30px;width:30px;font-size:12px;font-weight:700;text-transform:uppercase}.evolution-child{display:flex;justify-content:center;gap:10px;margin-top:10px}.evolution{display:flex;flex-direction:column}.evolution-item{display:flex;align-items:center;justify-content:space-between}.evolution-item b{font-size:1em;color:#2c3e50;font-weight:600}.evoItem-name{font-weight:600;margin-left:10px;text-transform:capitalize}.hp{background-color:#df2140}.atk{background-color:#ff994d}.def{background-color:#eecd3d}.spa{background-color:#85ddff}.spd-1{background-color:#96da83}.spd-2{background-color:#fb94a8}a{text-decoration:none;color:#000}.card:hover{box-shadow:#11111a1a 0 4px 16px,#11111a1a 0 8px 24px,#11111a1a 0 16px 56px}.id{text-align:center;margin-top:0;color:#2c3e50;font-size:15px;line-height:24px}.img{align-items:center;justify-content:center;width:150px;height:150px}.name{text-align:center;font-size:17.55px;font-weight:700;line-height:28.08px;color:#000;text-transform:capitalize}.categories{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:0px}.category{font-size:13px;border-radius:5px;margin:4px 3px;padding:3px 4px;font-weight:600;text-transform:capitalize;color:#000}*{box-sizing:border-box;padding:0;margin:0}.home{margin-bottom:30px;margin-inline:auto;display:flex;align-items:center;flex-direction:column}.title{font-size:40px}.pokemon-card{display:grid;grid-template-columns:repeat(6,auto);width:100%;margin-top:40px}.search-button{background-color:#fff;border-radius:30px;border:grey solid 1px;box-shadow:#64646f33 0 0 30px;width:500px;padding:20px;margin-top:40px;font-size:16px}.card{max-width:300px;border-radius:15px;box-shadow:#0000001a 0 4px 12px;text-transform:capitalize;cursor:pointer;padding:20px 0;margin:10px 5px}.button{background-color:#fe3939;border-radius:10px;color:#fff;text-align:center;border:none;margin:40px 0 10px;cursor:pointer;font-size:15px;padding:20px 30px}.normal{background-color:#a8a77a}.fire{background-color:#ff421c}.water{background-color:#6390f0}.grass{background-color:#78cd54}.electric{background-color:#f7d02c}.ice{background-color:#96d9d6}.fighting{background-color:#c22e28}.poison{background-color:#a33ea1}.ground{background-color:#e2bf65}.flying{background-color:#a98ff3}.psychic{background-color:#f95587}.bug{background-color:#a6b91a}.rock{background-color:#b6a136}.ghost{background-color:#735797}.dragon{background-color:#6f35fc}.dark{background-color:#705746}.steel{background-color:#b7b7ce}.fairy{background-color:#d685ad}@media screen and (max-width: 1199px){.items{display:grid;grid-template-columns:repeat(4,24.375%)}}@media screen and (max-width: 956px){.items{display:grid;grid-template-columns:repeat(3,32.77%)}}@media screen and (max-width: 768px){.items{display:grid;grid-template-columns:repeat(2,49.58%)}}