.header-pokedex{width:100%;height:100px;background-color:#000;position:relative}.header-pokedex__fondo{width:100%;height:70%;background-color:red}.header-pokedex__logo{width:300px;position:absolute;left:10%;bottom:15%;background-color:#ffffffb3;border:1px solid gray;border-radius:10px}.header-pokedex__cicle{width:100px;height:100px;background-color:#fff;border:10px solid black;border-radius:50%;position:absolute;right:7em;bottom:-25px;display:flex;justify-content:center;align-items:center}.pokedex-circle__child{width:55px;height:55px;background-color:gray;border:10px solid black;border-radius:50%}@media screen and (max-width: 600px){.header-pokedex__logo{width:200px;position:absolute;left:15%;bottom:45%}.header-pokedex__cicle{width:69px;height:69px;border:8px solid black}.pokedex-circle__child{width:38px;height:38px;border:7px solid black}}.pokedex-container{width:100%;display:flex;flex-direction:column;gap:1em;justify-content:center;align-items:center}.pokedex__header{padding:1em;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.pokedex__header-info{color:#fff}.pokedex__header-info span{color:#fe1936;font-weight:900}.pokedex__header-body{display:flex;flex-wrap:wrap;gap:1em;margin-bottom:1em}.pokedex-form{margin-top:1em;display:flex;flex-wrap:wrap}.pokedex-form__input{outline:none;font-size:25px;border:1px solid gray;box-shadow:0 3px 6px #00000026}.pokedex-form__input:hover{border:1px solid #D93F3F}.pokedex-form__btn{font-size:25px;background-color:#d93f3f;border:3px solid #D93F3F;color:#fff;display:flex;justify-content:center;align-items:center;cursor:pointer}.pokedex-select{margin-top:.6em;font-size:25px;cursor:pointer}.pokedex-select:hover{background-color:#fe1936}.pokemons-container{width:100%;display:flex;justify-content:center;gap:1em;flex-wrap:wrap}@media screen and (max-width:350px){.pokedex-form__input,.pokedex-form__btn{font-size:15px}}.card-pokemon{width:250px;height:370px;border:1px solid black;border-radius:15px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0}.card-pokemon:hover{cursor:pointer;transform:translateY(-10px) scale(1.03);transition:transform .2s ease}.card-pokemon__header-img{width:200px;padding:0;position:relative;z-index:10;transition:transform 5s ease}.card-pokemon__header-img:hover{transform:rotateY(360deg);cursor:pointer}.card-pokemon__content{background-color:#fff;border-radius:10px;width:100%;height:230px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2em 0 .5em;position:relative;bottom:10%}.card-pokemon__header{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0}.card-pokemon__header-title{margin-bottom:0}.card-pokemon__header-type{color:gray;font-weight:200;margin:0;align-self:center}.card-pokemon__header-type-content{display:flex;color:gray;font-size:20px;font-weight:600;margin:0}.card-pokemon__footer{margin:1em 0;padding:0 5px;width:100%}.card-pokemon__footer-stat{display:flex;justify-content:space-between;align-items:space;gap:5px;flex-wrap:wrap}.stat{width:95px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0}.stat-title{margin:0;color:gray;font-size:10px;text-transform:uppercase}.stat-info{margin:0;font-size:20px;font-weight:700}h1,h2,h3,h4,h5,p,li,ul{margin:0}.detail-pokemon{width:90%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;position:relative;min-height:100vh}.detail-pokemon-img{width:250px;z-index:10;transition:transform 5s ease}.detail-pokemon-img:hover{transform:rotateY(360deg)}.detail-pokemon__header{width:100%;padding:0 0 1em;border:1px solid #E5E5E5;box-shadow:5px 5px 20px gray;margin-bottom:1em;position:relative;bottom:6.5em;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#fff}.detail-pokemon__header-order{font-weight:700;padding:.5em}.detail-pokemon__header-line{width:50%;margin-bottom:0}.detail-pokemon__header-title{background-color:#fff;padding:0 .2em;position:relative;bottom:.6em;margin-bottom:0}.detail-pokemon__header-info{display:flex;gap:1em;justify-content:center;align-items:center}.dp__header-info__item{background-color:#fff;text-align:center}.info__item-title{font-weight:100}.detail-pokemon__header-body{width:80%;display:flex;justify-content:center;margin:0}.body__type{width:50%;display:flex;flex-direction:column;justify-content:center;align-items:center}.body__type__list{margin-top:.5em;display:flex;flex-wrap:wrap;gap:1em}.bg-normal{background:linear-gradient(90deg,rgba(240,7,27,1) 5%,rgba(11,12,237,1) 50%,rgba(41,224,15,1) 100%);color:#0b0ced;border:6px solid rgba(11,12,237,1)}.bg-fighting{background:linear-gradient(176.83deg,#96402A -8.78%,#F1613C 169.09%,#CB735D 242.33%);color:#96402a;border:6px solid #96402A}.bg-flying{background:linear-gradient(176.37deg,#F96D6F -32.26%,#E35825 22.55%,#E8AE1B 125.72%);color:#e8ae1b;border:6px solid #E8AE1B}.bg-poison{background:radial-gradient(circle,rgba(238,174,202,1) 0%,rgba(148,187,233,1) 100%);color:#7ec6c5;border:6px solid #7EC6C5}.bg-ground{background:linear-gradient(179.75deg,#654008 -19.96%,#895C1A 43.67%,#D69638 138.4%);color:#654008;border:6px solid #654008}.bg-rock{background:linear-gradient(177.03deg,#7E7E7E -11.97%,#8D8D94 57.49%,#D3D3D3 135.64%);color:#8d8d94;border:6px solid #8D8D94}.bg-bug{background:linear-gradient(177.56deg,#62DB60 -58.92%,#3BB039 16.57%,#AAFFA8 209.53%);color:#62db60;border:6px solid #62DB60}.bg-ghost{background:linear-gradient(90deg,rgba(56,56,53,1) 5%,rgba(241,242,229,1) 54%,rgba(14,13,13,1) 100%);color:#383835;border:6px solid rgba(56,56,53,1)}.bg-steel{background:linear-gradient(179.75deg,#5E736C -19.96%,#728881 43.67%,#A8A8A8 138.4%);color:#728881;border:6px solid #728881}.bg-fire{background:linear-gradient(176.37deg,#F96D6F -32.26%,#E35825 22.55%,#E8AE1B 125.72%);color:#e35825;border:6px solid #E35825}.bg-water{background:linear-gradient(179.57deg,#133258 -70.14%,#1479FB 56.16%,#82B2F1 214.85%);color:#133258;border:6px solid #133258}.bg-grass{background:linear-gradient(178.92deg,#7EC6C5 .92%,#ABDAC6 47.96%,#CAE099 99.08%);color:#abdac6;border:6px solid #ABDAC6}.bg-electric{background:linear-gradient(90deg,rgba(232,249,10,1) 7%,rgb(248,250,156) 100%);color:#e8f90a;border:6px solid rgba(232,249,10,1)}.bg-psychic{background:linear-gradient(181.51deg,#735259 -6.44%,#BC6B7C 121.95%,#7C3F4C 186.11%);color:#7c3f4c;border:6px solid #7C3F4C}.bg-ice{background:linear-gradient(177.03deg,#6FBEDF -11.97%,#64CBF5 47.77%,#BDEBFE 136.72%);color:#64cbf5;border:6px solid #64CBF5}.bg-dragon{background:linear-gradient(179.75deg,#0C1395 -19.96%,#2B319B 43.67%,#7075D9 138.4%);color:#0c1395;border:6px solid #0C1395}.bg-dark{background:linear-gradient(177.03deg,#030706 -11.97%,#0D1211 57.49%,#5A5E5D 135.64%);color:#0d1211;border:6px solid #0D1211}.bg-fairy{background:linear-gradient(179.75deg,#971B45 -19.96%,#C23867 43.67%,#CD7D98 138.4%);color:#971b45;border:6px solid #971B45}.bg-unknow{background:linear-gradient(90deg,rgba(240,7,27,1) 5%,rgba(139,144,10,1) 30%,rgba(11,12,237,1) 50%,rgba(122,27,118,1) 76%,rgba(41,224,15,1) 100%);color:#8b900a;border:6px solid rgba(139,144,10,1)}.bg-shadow{background:linear-gradient(177.03deg,#5B3184 -11.97%,#A564E3 71.28%,#CE9BFF 135.64%);color:#a564e3;border:6px solid #A564E3}.type__list-item{border:none;padding:.3em 1em;text-align:center;color:#fff;font-weight:600}.detail-pokemon__footer-img{width:100%;margin:0;height:100px;border:none}.body__abilities{margin-top:.25em;width:50%;display:flex;flex-direction:column;justify-content:center;align-items:center}.body__abilities__list{margin-top:.5em;display:flex;flex-wrap:wrap;gap:1em}.abilities__list-item{border:1px solid rgb(225,215,215);padding:.3em 1em;text-align:center;font-weight:600}.dp__footer{width:100%;padding:2em 1em 1em;display:flex;flex-direction:column}.dp__footer__line{width:80%}.dp__footer__title{width:10%;padding:0 1.5em;background-color:#fff;margin:0;position:relative;bottom:.9em}.dp__footer__stats{padding:0 2em}.container-pokemon__movements{width:100%;padding:1em 1em 0;border:1px solid #E5E5E5;box-shadow:5px 5px 20px gray;margin-top:1em;position:relative;bottom:6.5em;margin-bottom:0}.movements__line{margin:1em 0;width:90%}.movements__title{position:absolute;background-color:#fff;padding:0 1em}.card__move{display:flex;gap:1em;flex-wrap:wrap;padding:1em}.card__stats{width:100%;position:relative}.card__stats__title{padding:.3em}.card__stats__info{position:absolute;bottom:2em;right:0}.stats_bar_container{width:100%;background-color:gray;border-radius:10px}.stats__bar{text-align:right;padding:.5em;color:#fff;font-weight:700;border-radius:10px}.bar__porcentaje10{background:linear-gradient(90deg,#FCD676 -2.25%,#E6901E 133.18%);animation:porcentaje10 3s forwards}.bar__porcentaje20{background:linear-gradient(90deg,#FCD676 -2.25%,#E6901E 133.18%);animation:porcentaje20 3s forwards}.bar__porcentaje30{background:linear-gradient(90deg,#FCD676 -2.25%,#E6901E 133.18%);animation:porcentaje30 3s forwards}.bar__porcentaje40{background:linear-gradient(90deg,#FCD676 -2.25%,#E6901E 133.18%);animation:porcentaje40 3s forwards}.bar__porcentaje50{background:linear-gradient(90deg,#FCD676 -2.25%,#E6901E 133.18%);animation:porcentaje50 3s forwards}.bar__porcentaje60{background:linear-gradient(90deg,#FCD676 -2.25%,#E6901E 133.18%);animation:porcentaje60 3s forwards}.bar__porcentaje70{background:linear-gradient(90deg,#FCD676 -2.25%,#E6901E 133.18%);animation:porcentaje70 3s forwards}.bar__porcentaje80{background:linear-gradient(90deg,#FCD676 -2.25%,#E6901E 133.18%);animation:porcentaje80 3s forwards}.bar__porcentaje90{background:linear-gradient(90deg,#FCD676 -2.25%,#E6901E 133.18%);animation:porcentaje90 3s forwards}.bar__porcentaje100{background:linear-gradient(90deg,#FCD676 -2.25%,#E6901E 133.18%);animation:porcentaje100 3s forwards}@keyframes porcentaje10{0%{width:0}to{width:10%}}@keyframes porcentaje20{0%{width:0}to{width:20%}}@keyframes porcentaje30{0%{width:0}to{width:30%}}@keyframes porcentaje40{0%{width:0}to{width:40%}}@keyframes porcentaje50{0%{width:0}to{width:50%}}@keyframes porcentaje60{0%{width:0}to{width:60%}}@keyframes porcentaje70{0%{width:0}to{width:70%}}@keyframes porcentaje80{0%{width:0}to{width:80%}}@keyframes porcentaje90{0%{width:0}to{width:90%}}@keyframes porcentaje100{0%{width:0}to{width:100%}}.item-move{border:1px solid #E5E5E5;border-radius:15px;background-color:#e5e5e5;padding:0 1em}.item-move__info{font-weight:550;margin:7px}.protedted-route{width:inherit;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center}.container-cards{width:100%;display:flex;justify-content:center;flex-wrap:wrap;gap:1em}.container-paginate{display:flex;justify-content:center;flex-wrap:wrap;background-color:#fff9}.paginate__item{padding:1em 1.3em;display:flex}.paginate__item:hover{background-color:#0003;cursor:pointer}.previous-container,.next-container{display:flex}.previous-pag,.next-pag{padding:1em;color:#fff;background-color:#dd1a1a}.previous-pag:hover,.next-pag:hover{color:#dd1a1a;border:1px solid gray;background-color:#fff;cursor:pointer}.active-pag{background-color:#0006}.break-pag{padding:1em 1.3em}.previous{width:100px;margin:0;position:relative;bottom:4em;display:flex;justify-content:flex-start}.btn{color:#fff;background-color:#ff0000e6;box-shadow:0 5px 20px #000;border:none;width:70px;height:70px;border-radius:50%;font-size:16px;font-weight:700}.btn:hover{cursor:pointer}html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}h1,h2,h3,h4,ul,li{margin:0}ul{list-style:none;padding-left:0}body{max-width:1024px;display:flex;flex-direction:column;margin:auto}.bg__media{min-width:100%;min-height:100%;position:fixed;left:0;top:0;z-index:-1}img{width:100%}.App{width:100%;min-height:100vh;display:flex;flex-direction:column;justify-content:space-between;align-items:center}.header-primary{width:300px}.header-none{display:none}.App__footer{width:100%;height:20vh;position:relative;margin:0}.App__footer-none{display:none}.footer__fondo{background-color:#000;width:100%;height:100%;border-top:10vh solid red}.App__footer img{background-color:#000}.footer__circle{width:100px;border:2px solid black;border-radius:50%;position:absolute;top:calc(50% - 40px);left:calc(50% - 55px)}.card-home{width:230px;height:300px;border-radius:15px;margin-bottom:2em;display:flex;flex-direction:column;background-color:#0006;box-shadow:5px 5px 10px #000000b3;transition:transform 1s ease;color:#fff}.card-home:hover{transform:scale(1.1) translateY(-5px)}.card-home__header{display:flex;justify-content:center}.card-home__header--title{padding:1em;color:red;font-weight:700}.card-home__header--img{width:120px;padding:.5em .5em .2em 0}.card-home__footer{width:100%;display:flex;flex-direction:column;align-items:center;gap:10px;margin-bottom:0}.card-home__footer--description{padding:0 5px;margin:5px 5px 0;font-size:20px;text-shadow:5px 5px 10px black}.card-home__footer--body{width:100%;display:flex;height:35px;justify-content:center;position:relative}.card-home__footer--input{width:100%;border-radius:15px;position:relative;bottom:3px;border:none;border:1px solid rgb(128,128,128,.8);box-shadow:5px 5px 10px gray;outline:none}.card-home__footer--btn{width:40px;height:40px;background-color:red;border:none;border-radius:50%;display:flex;justify-content:center;align-items:center;position:absolute;right:0;bottom:1px}.card-home__footer--btn{cursor:pointer}.icon{color:#fff;font-size:25px}