@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap";.App{overflow:hidden}.header{width:100%;height:100px;background-color:#dd1a1a;position:relative}.header__black{width:100%;height:35px;background-color:#0c0c0c;position:absolute;bottom:0}.header__circle{position:relative;border:10px solid #0C0C0C;width:70px;aspect-ratio:1;background-color:#fff;border-radius:50%;left:80%;transform:translateY(-25%)}.header__circle:before{content:"";position:absolute;width:35px;aspect-ratio:1;background-color:#0c0c0c;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.home{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;height:100vh;background-image:url(https://images.unsplash.com/photo-1665042036476-51bbede1e493?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1374&q=80);background-size:cover;background-position:center;background-repeat:no-repeat}.home__title{display:flex;justify-content:center;align-items:center;padding-top:2em;font-size:2rem;margin-bottom:20px;color:#fff}.home__name{display:flex;justify-content:center;align-items:center;font-size:1.5rem;margin-bottom:20px;color:#fff}.home__inpunt{width:100%;padding:10px;border-radius:5px;outline:none;text-transform:capitalize}.home__buton{padding:10px;margin-left:35%;margin-top:1em;border:none;border-radius:5px;cursor:pointer;outline:none;width:100px;font-size:1rem}.pagination__list{display:flex;gap:10px}.pagination__item{width:40px;aspect-ratio:1;display:flex;justify-content:center;align-items:center;border-radius:5px;cursor:pointer}.page__active{background-color:red;color:#fff}.poke-card{width:100%;max-width:330px;border-radius:.7em;border:.4em solid #87aa3b}.poke-card__header{background-color:#aaa;height:120px;position:relative}.poke-card__sprite{width:50%;position:absolute;top:10px;left:50%;transform:translate(-50%)}.poke-card__body{padding-top:2.6em}.poke-card__name{text-align:center;text-transform:capitalize;font-size:1.7rem;font-weight:500}.poke-card__types-container{display:flex;gap:1em;justify-content:center}.poke-card__type{position:relative;font-weight:300;text-transform:capitalize;font-size:.9rem}.poke-card__type:nth-child(2):before{content:"/";position:absolute;left:-11px}.poke-card__footer{padding:1em .8em 2em}.poke-card__stats-container{display:grid;grid-template-columns:repeat(3,1fr);justify-content:center;gap:25px 5px}.poke-card__stat{display:flex;flex-direction:column;align-items:center;gap:.4em}.poke-card__label{text-transform:uppercase;font-weight:200;font-size:.7rem}.bg-grass{background-image:linear-gradient(178.92deg,#7EC6C5 .92%,#ABDAC6 47.96%,#CAE099 99.08%)}.bg-fire{background-image:linear-gradient(176.37deg,#F96D6F -32.26%,#E35825 22.55%,#E8AE1B 125.72%)}.bg-water{background-image:linear-gradient(179.57deg,#133258 -70.14%,#1479FB 56.16%,#82B2F1 214.85%)}.bg-bug{background-image:linear-gradient(177.56deg,#62DB60 -58.92%,#3BB039 16.57%,#AAFFA8 209.53%)}.bg-normal{background-image:linear-gradient(181.51deg,#735259 -6.44%,#BC6B7C 121.95%,#7C3F4C 186.11%)}.bg-fighting{background-image:linear-gradient(176.83deg,#96402A -8.78%,#F1613C 169.09%,#CB735D 242.33%)}.bg-poison{background-image:linear-gradient(177.03deg,#5B3184 -11.97%,#A564E3 71.28%,#CE9BFF 135.64%)}.bg-ghost{background-image:linear-gradient(177.03deg,#323569 -11.97%,#454AA8 57.49%,#787DDA 135.64%)}.bg-rock{background-image:linear-gradient(177.03deg,#7E7E7E -11.97%,#8D8D94 57.49%,#D3D3D3 135.64%)}.bg-dark{background-image:linear-gradient(177.03deg,#030706 -11.97%,#0D1211 57.49%,#5A5E5D 135.64%)}.bg-ice{background-image:linear-gradient(177.03deg,#6FBEDF -11.97%,#64CBF5 47.77%,#BDEBFE 136.72%)}.bg-steel{background-image:linear-gradient(179.75deg,#5E736C -19.96%,#728881 43.67%,#A8A8A8 138.4%)}.bg-dragon{background-image:linear-gradient(179.75deg,#478A93 -19.96%,#56A4AE 43.67%,#A2BEC1 138.4%)}.bg-fairy{background-image:linear-gradient(179.75deg,#971B45 -19.96%,#C23867 43.67%,#CD7D98 138.4%)}.bg-electric{background-image:linear-gradient(179.75deg,#0C1395 -19.96%,#2B319B 43.67%,#7075D9 138.4%)}.bg-ground{background-image:linear-gradient(179.75deg,#654008 -19.96%,#895C1A 43.67%,#D69638 138.4%)}.bg-psychic{background-image:linear-gradient(179.75deg,#E62D2D -19.96%,#D13E3E 43.67%,#F07F7F 138.4%)}.border-grass{border-color:#b1dbbc}.border-fire{border-color:#e75c35}.border-water{border-color:#1479fb}.border-bug{border-color:#4ab648}.border-normal{border-color:#735259}.border-fighting{border-color:#96402a}.border-poison{border-color:#5b3184}.border-ghost{border-color:#323569}.border-rock{border-color:#7e7e7e}.border-dark{border-color:#030706}.border-ice{border-color:#6fbedf}.border-steel{border-color:#5e736c}.border-dragon{border-color:#478a93}.border-fairy{border-color:#971b45}.border-electric{border-color:#0c1395}.border-ground{border-color:#654008}.border-psychic{border-color:#e62d2d}.color-grass{color:#416460}.color-fire{color:#e75c35}.color-water{color:#1479fb}.color-bug{color:#4ab648}.color-normal{color:#735259}.color-fighting{color:#96402a}.color-poison{color:#5b3184}.color-poison{color:#323569}.color-rock{color:#7e7e7e}.color-dark{color:#030706}.color-ice{color:#6fbedf}.color-steel{color:#5e736c}.color-dragon{color:#478a93}.color-fairy{color:#971b45}.color-electric{color:#0c1395}.color-ground{color:#654008}.color-psychic{color:#e62d2d}.header{background-image:url(/assets/pokedex-4a847bec.png);background-repeat:no-repeat;background-size:350px}.pagination__container{width:100%;max-width:600px;padding:2em;display:flex;justify-content:center;align-items:center;margin:0 auto}.poke_container{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:.5rem;margin-top:.5em;margin-bottom:.5em}.pokedex__form{width:100%;display:flex;align-items:center;justify-content:center}.pokedex__title{line-height:29px;padding:0;margin:20px}.pokedex__input{width:100%;height:40px;border:1px solid #FE1936;border-radius:5px;padding:0 10px;font-size:1em;outline:none}.pokedex_button{padding:10px;margin-left:10px;border:none;border-radius:5px;background-color:#f5f5f5;cursor:pointer;outline:none;color:#fff;background-color:#d93f3f}.pokedex__select{width:40%;height:40px;border:1px solid #FE1936;border-radius:5px;padding:0 10px;font-size:1em;outline:none;margin-left:30px}.pokedex__request{width:100%;display:flex;align-items:center;justify-content:center}@media (min-width: 600px){.poke_container{display:grid;grid-template-columns:auto auto auto auto;margin:2em}.pokedex__request{width:100%;display:flex;align-items:center;justify-content:center}.pokedex__input{width:50%;height:40px;border:1px solid #FE1936;border-radius:5px;padding:0 10px;font-size:1em;outline:none}.pokedex__select{width:40%;height:40px;border:1px solid #FE1936;border-radius:5px;padding:0 10px;font-size:1em;outline:none;margin-right:150px}}.pokedex__container{max-width:800px}.info__name,.info__id{display:flex;justify-content:center;align-items:center;text-align:center;font-size:40px}.info__measure-items{display:flex;margin:20px auto;justify-content:space-evenly;list-style:none;gap:2em}.info__measure-item{font-size:30px;font-weight:700;color:#aaa}.types__type{display:flex;text-align:center;flex-direction:column;min-height:98px;justify-content:center;flex-wrap:wrap;width:300px;gap:5px;box-shadow:0 3px 6px #00000080;border-radius:10px}.type__title,.skill__title,.stats__title,.footer__title{font-size:30px}.skill__container{display:flex;flex-direction:column;text-align:center;justify-content:center;flex-wrap:wrap;width:300px;min-height:98px;gap:5px;box-shadow:0 3px 6px #00000080;border-radius:10px}.stats__container{width:80%;display:flex;flex-direction:column;margin:20px auto;justify-content:center;box-shadow:0 3px 6px #00000080;border-radius:10px}.content{display:flex;flex-wrap:wrap;width:80%;height:auto;justify-content:center;margin:20px auto;gap:15px;text-align:center;box-shadow:0 3px 6px #00000080;overflow:auto;border-radius:10px}.footer__items{display:block;text-align:center;align-items:center;background-color:#708090;color:#fff;height:25px;border-radius:8px;padding:3px;margin-top:10px;margin-bottom:10px}.footer__list{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:.5em;height:300px}@media (min-width: 600px){.pokedex__container{margin:0 auto}}*{box-sizing:border-box}body{font-family:Roboto,sans-serif;margin:0}h1,h2,h3,h4,p,ul{margin-top:0;margin-bottom:0}ul{list-style:none;padding-left:0}img{display:block;width:100%}button{border:none;display:inline-block;cursor:pointer}input{outline:0}