@import"https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap"@tailwind base;*,*:before,*:after{box-sizing:border-box;font-family:Inter,sans-serif;margin:0;padding:0}body{background-color:#f7f7f7;color:#000}img{display:inline-block;max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}input,button{display:inline-block;font-family:inherit;cursor:pointer;border:none}ul{list-style:none}a{color:inherit;text-decoration:none}::-moz-placeholder{color:gray;padding:0 0 0 10px}::placeholder{color:gray;padding:0 0 0 10px}.poke__logo{padding:1rem}.poke__form{display:flex;width:100%;padding:10px}.poke__home{display:flex;flex-direction:column;align-items:center;justify-items:center;padding:10px}.poke__stats{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:10px}hr{min-width:100%}.poke__bg{width:100%;height:120px;position:absolute;top:0;border-radius:5px 5px 0 0}.poke__img{position:relative;width:100%;height:70%;-o-object-fit:contain;object-fit:contain;padding-top:20px;z-index:10}.titles{color:#c3c3c3;font-weight:300;font-size:small}.poke__name{font-size:x-large;font-weight:700}.poke__type{font-size:medium;font-weight:300}h4.titles{padding-bottom:8px}div.grass{background:linear-gradient(#7fc7c6,#aadac5,#c2dda1);border:none;border-radius:0}h3.grass{border:none;color:#40635f}.grass{background:linear-gradient(#fff,#fff) padding-box,linear-gradient(to bottom,#b2dcbd,#c2dda1) border-box;border-radius:50em;border:4px solid transparent}div.fire{background:linear-gradient(#f96c6e,#e35926,#e7ae1d);border:none;border-radius:0}h3.fire{border:none;color:#e75d36}.fire{background:linear-gradient(#fff,#fff) padding-box,linear-gradient(to bottom,#e68f1e,#e75d36) border-box;border-radius:50em;border:4px solid transparent}div.water{background:linear-gradient(#133158,#1378fb,#83b3f1);border:none;border-radius:0}h3.water{border:none;color:#1378fb}.water{background:linear-gradient(#fff,#fff) padding-box,linear-gradient(to bottom,#85baff,#1378fb) border-box;border-radius:50em;border:4px solid transparent}div.bug{background:linear-gradient(#63db61,#3bb139,#aaffa8);border:none;border-radius:0}h3.bug{border:none;color:#4bb649}.bug{background:linear-gradient(#fff,#fff) padding-box,linear-gradient(to bottom,#4bb649,#c2dda1) border-box;border-radius:50em;border:4px solid transparent}div.normal{background:linear-gradient(#74535a,#bd6b7d,#7d3f4d);border:none;border-radius:0}h3.normal{border:none;color:#74535a}.normal{background:linear-gradient(#fff,#fff) padding-box,linear-gradient(to bottom,#74535a,#b96e7f) border-box;border-radius:50em;border:4px solid transparent}div.fighting{background:linear-gradient(#97402b,#f1603b,#cb735d);border:none;border-radius:0}h3.fighting{border:none;color:#97402b}.fighting{background:linear-gradient(#fff,#fff) padding-box,linear-gradient(to bottom,#97402b,#e95935) border-box;border-radius:50em;border:4px solid transparent}div.poison{background:linear-gradient(#593082,#a363e3,#c9f);border:none;border-radius:0}h3.poison{border:none;color:#593082}.poison{background:linear-gradient(#fff,#fff) padding-box,linear-gradient(to bottom,#593082,#c490f9) border-box;border-radius:50em;border:4px solid transparent}div.ghost{background:linear-gradient(#323467,#4449a7,#777cda);border:none;border-radius:0}h3.ghost{border:none;color:#323467}.ghost{background:linear-gradient(#fff,#fff) padding-box,linear-gradient(to bottom,#323467,#5a60dd) border-box;border-radius:50em;border:4px solid transparent}div.rock{background:linear-gradient(#7d7d7d,#8e8e95,#d4d4d4);border:none;border-radius:0}h3.rock{border:none;color:#7d7d7d}.rock{background:linear-gradient(#fff,#fff) padding-box,linear-gradient(to bottom,#7d7d7d,#b9babb) border-box;border-radius:50em;border:4px solid transparent}div.dark{background:linear-gradient(#030706,#0d1211,#5a5e5d);border:none;border-radius:0}h3.dark{border:none;color:#030706}.dark{background:linear-gradient(#fff,#fff) padding-box,linear-gradient(to bottom,#0b0e0e,#4f4f4f) border-box;border-radius:50em;border:4px solid transparent}div.ice{background:linear-gradient(#6dbddf,#66caf5,#beebfe);border:none;border-radius:0}h3.ice{border:none;color:#6dbddf}.ice{background:linear-gradient(#fff,#fff) padding-box,linear-gradient(to bottom,#6dbddf,#c6ebfb) border-box;border-radius:50em;border:4px solid transparent}div.steel{background:linear-gradient(#5e736c,#728881,#a8a8a8);border:none;border-radius:0}h3.steel{border:none;color:#5e736c}.steel{background:linear-gradient(#fff,#fff) padding-box,linear-gradient(to bottom,#5e736c,#9ab6ad) border-box;border-radius:50em;border:4px solid transparent}div.dragon{background:linear-gradient(#478b94,#56a4ae,#a3bec2);border:none;border-radius:0}h3.dragon{border:none;color:#478b94}.dragon{background:linear-gradient(#fff,#fff) padding-box,linear-gradient(to bottom,#478b94,#8fd7e0) border-box;border-radius:50em;border:4px solid transparent}div.fairy{background:linear-gradient(#981b44,#c23866,#ce7e98);border:none;border-radius:0}h3.fairy{border:none;color:#981b44}.fairy{background:linear-gradient(#fff,#fff) padding-box,linear-gradient(to bottom,#981b44,#c5597d) border-box;border-radius:50em;border:4px solid transparent}div.electric{background:linear-gradient(#fffc57,#ccc900,#ffe375);border:none;border-radius:0}h3.electric{border:none;color:#c9c133}.electric{background:linear-gradient(#fff,#fff) padding-box,linear-gradient(to bottom,#f4e971,#efdf2e) border-box;border-radius:50em;border:4px solid transparent}div.ground{background:linear-gradient(#633f08,#895d1a,#d69738);border:none;border-radius:0}h3.ground{border:none;color:#633f08}.ground{background:linear-gradient(#fff,#fff) padding-box,linear-gradient(to bottom,#633f08,#9e6715) border-box;border-radius:50em;border:4px solid transparent}div.psychic{background:linear-gradient(#7e31e3,#691cce,#9a5de9);border:none;border-radius:0}h3.psychic{border:none;color:#8c47e6}.psychic{background:linear-gradient(#fff,#fff) padding-box,linear-gradient(to bottom,#621a9e,#761fbd) border-box;border-radius:50em;border:4px solid transparent}.pokedex{padding-bottom:25px}.poke__header div{display:flex;gap:10px;justify-content:space-evenly}#poke__form{width:100%;justify-content:space-between}input{outline:none;border:0}.poke__container{width:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(17rem,1fr));grid-auto-rows:450px;gap:1rem;padding-bottom:12px}.pagination{display:flex;justify-content:center;align-items:center;gap:5px}.button__container>button{background-color:#db1a1a;color:#fff;padding:1rem;border-radius:10px;font-weight:600}.button__container{display:flex;justify-content:space-evenly;align-items:center;max-width:50%;margin:auto;padding:0 0 10px}.container{margin:5rem auto}.poke__bg{position:absolute;top:0;height:9rem;z-index:10}.poke__card{display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;min-height:42rem;max-width:50%;margin:auto;background-color:#fff}.poke__id__img{position:absolute;z-index:10;top:-100px;width:260px}.poke__info{position:absolute;z-index:10;display:flex;flex-direction:column;justify-content:space-around;text-align:center;bottom:2rem;width:30rem}#id__number{border:1px solid #ececec;margin:auto;padding:.5rem;font-size:20px;border-radius:1px}.poke__id__name{font-size:xx-large;padding-top:4px;padding-bottom:8px}.wh__title{font-size:10px}.poke__physic{display:flex;justify-content:center;align-items:center;gap:5rem}.poke__title__stats{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px}.poke__types__abilities{display:flex;justify-content:center;align-items:center;gap:10rem}.division{border-color:#f8f8f8;width:20%}.pokeball__img{width:70px}.title__stats{width:90%;margin:auto;display:flex;justify-content:space-between}.bar{background-color:orange}.back{background-color:#ececec}.bars{display:flex;height:20px;margin:auto;width:90%}.poke__id__stats{display:flex;flex-direction:column;gap:5px}.moves__container{display:flex;flex-direction:column;justify-content:center;align-items:center;max-width:50%;margin:30px auto;background-color:#fff;padding:20px}.move__stats{width:30rem}.moves__list{display:flex;flex-wrap:wrap;gap:20px}.poke__moves{background-color:#d2d2d2;border-radius:50px;padding:15px;font-weight:500;font-size:15px}.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.absolute{position:absolute}.relative{position:relative}.bottom-\[15\%\]{bottom:15%}.bottom-\[3px\]{bottom:3px}.left-\[10\%\]{left:10%}.right-\[15\%\]{right:15%}.right-\[8\%\]{right:8%}.top-\[48px\]{top:48px}.top-\[87px\]{top:87px}.m-0{margin:0}.m-auto{margin:auto}.flex{display:flex}.grid{display:grid}.h-\[100px\]{height:100px}.h-\[40px\]{height:40px}.h-\[45px\]{height:45px}.h-\[5vh\]{height:5vh}.h-\[70px\]{height:70px}.h-\[8vh\]{height:8vh}.h-full{height:100%}.min-h-\[87vh\]{min-height:87vh}.w-80{width:20rem}.w-\[30\%\]{width:30%}.w-\[34\%\]{width:34%}.w-\[40\%\]{width:40%}.w-\[40px\]{width:40px}.w-\[64\%\]{width:64%}.w-\[70\%\]{width:70%}.w-\[70px\]{width:70px}.w-full{width:100%}.min-w-full{min-width:100%}.max-w-\[80\%\]{max-width:80%}.cursor-pointer{cursor:pointer}.cursor-text{cursor:text}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-evenly{justify-content:space-evenly}.rounded-\[50\%\]{border-radius:50%}.rounded-xl{border-radius:.75rem}.border-0{border-width:0px}.border-8{border-width:8px}.border-\[6px\]{border-width:6px}.border-solid{border-style:solid}.border-black{--tw-border-opacity: 1;border-color:rgb(0 0 0 / var(--tw-border-opacity))}.bg-black{--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity))}.bg-red-600{--tw-bg-opacity: 1;background-color:rgb(220 38 38 / var(--tw-bg-opacity))}.bg-slate-800{--tw-bg-opacity: 1;background-color:rgb(30 41 59 / var(--tw-bg-opacity))}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.p-3{padding:.75rem}.p-5{padding:1.25rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pb-5{padding-bottom:1.25rem}.pb-\[20px\]{padding-bottom:20px}.pt-1{padding-top:.25rem}.pt-5{padding-top:1.25rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.font-bold{font-weight:700}.font-light{font-weight:300}.font-semibold{font-weight:600}.text-black{--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity))}.text-red-600{--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.hover\:bg-red-400:hover{--tw-bg-opacity: 1;background-color:rgb(248 113 113 / var(--tw-bg-opacity))}