@import"http://fonts.cdnfonts.com/css/pokemon-solid";@import"https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap";.App{min-height:100vh;width:100%;position:relative;background-color:var(--background)}.pokedex{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;gap:30px;padding:15px 15px 100px}.pokedex__img{margin-bottom:10px;max-width:450px}.pokedex__header{text-align:center}.pokedex__subtitle{text-align:center;color:var(--color-red2);font-size:2rem;margin-bottom:2px}.pokedex__form{display:flex;flex-wrap:wrap;justify-content:center;align-items:center}.pokedex__input{padding:10px 20px;box-shadow:-1px 2px 10px #0004;font-size:1.2rem;height:40px}.pokedex__btn{padding:10px 20px;color:var(--color-white);background-color:var(--color-red2);box-shadow:-1px 2px 10px #0004;cursor:pointer;height:40px;font-size:1rem}.pokedex__btn:hover{filter:brightness(1.2)}.footer__red{background-color:var(--color-red);width:100vw;height:100px;position:absolute;bottom:0;left:0}.footer__black{background-color:#0c0c0c;width:100vw;height:50px;position:absolute;bottom:0;left:0}.footer__circle{width:80px;position:absolute;aspect-ratio:1;background-color:#fff;border:9px solid #000000;overflow:hidden;border-radius:50%;bottom:7px;left:50%;transform:translate(-50%)}.footer__circle-int{width:45px;position:absolute;aspect-ratio:1;background-color:#0c0c0c;border-radius:50px;left:50%;transform:translate(-50%,9px);border:9px solid #000000}.card-poke{width:100%;max-width:400px;border-radius:13px;border-width:10px;border-style:solid}.card-poke__header{height:200px;position:relative;margin-bottom:65px}.card-poke__sprite{width:60%;position:absolute;top:40px;left:50%;transform:translate(-50%)}.card-poke__body{margin-bottom:30px}.card-poke__name{text-transform:capitalize;text-align:center;font-size:2rem;font-weight:500}.card-poke__types-container{display:flex;justify-content:center;gap:15px}.card-poke__type{font-size:1.1em;text-transform:capitalize;position:relative}.card-poke__type:nth-child(2):before{content:"/";position:absolute;left:-10px}.card-poke__type-label{text-align:center;font-size:14px;color:#999}.card-poke__stats-container{display:grid;grid-template-columns:repeat(3,1fr);gap:20px 5px;justify-items:center;padding:25px 5px}.card-poke__stat{display:flex;gap:5px;flex-direction:column;align-items:center}.card-poke__stat-label{color:#999;text-transform:uppercase;font-size:12px}.card-poke__stat-number{font-size:18px}.border-normal{border-color:#ba707f}.border-grass{border-color:#b1dbbc}.border-fire{border-color:#e6901e}.border-fighting{border-color:#e95b36}.border-poison{border-color:#c48ef9}.border-ground{border-color:#9c6614}.border-rock{border-color:#b9b9ba}.border-bug{border-color:#c3dea3}.border-ghost{border-color:#5a61dd}.border-steel{border-color:#9bb7ad}.border-water{border-color:#83b9ff}.border-electric{border-color:#8e94fe}.border-psychic{border-color:#ba58e1}.border-ice{border-color:#c4ebfb}.border-dragon{border-color:#8dd6e0}.border-dark{border-color:#4f4f4f}.border-fairy{border-color:#c5597e}.border-flying{border-color:#40514e}.bg-grass{background:linear-gradient(178.92deg,#7EC6C5 .92%,#ABDAC6 47.96%,#CAE099 99.08%)}.bg-fire{background:linear-gradient(176.37deg,#F96D6F -32.26%,#E35825 22.55%,#E8AE1B 125.72%)}.bg-normal{background:linear-gradient(181.51deg,#735259 -6.44%,#BC6B7C 121.95%,#7C3F4C 186.11%)}.bg-fighting{background:linear-gradient(176.83deg,#96402A -8.78%,#F1613C 169.09%,#CB735D 242.33%)}.bg-poison{background:linear-gradient(177.03deg,#5B3184 -11.97%,#A564E3 71.28%,#CE9BFF 135.64%)}.bg-ground{background:linear-gradient(179.75deg,#654008 -19.96%,#895C1A 43.67%,#D69638 138.4%)}.bg-rock{background:linear-gradient(177.03deg,#7E7E7E -11.97%,#8D8D94 57.49%,#D3D3D3 135.64%)}.bg-bug{background:linear-gradient(177.56deg,#62DB60 -58.92%,#3BB039 16.57%,#AAFFA8 209.53%)}.bg-ghost{background:linear-gradient(177.03deg,#323569 -11.97%,#454AA8 57.49%,#787DDA 135.64%)}.bg-steel{background:linear-gradient(179.75deg,#5E736C -19.96%,#728881 43.67%,#A8A8A8 138.4%)}.bg-water{background:linear-gradient(179.57deg,#133258 -70.14%,#1479FB 56.16%,#82B2F1 214.85%)}.bg-electric{background:linear-gradient(179.75deg,#F8D030 -19.96%,#eded41 43.67%,#ecec35 138.4%)}.bg-psychic{background:linear-gradient(179.75deg,#6300AE -19.96%,#8600D2 43.67%,#AD02EE 138.4%)}.bg-ice{background:linear-gradient(177.03deg,#6FBEDF -11.97%,#64CBF5 47.77%,#BDEBFE 136.72%)}.bg-dragon{background:linear-gradient(179.75deg,#478A93 -19.96%,#56A4AE 43.67%,#A2BEC1 138.4%)}.bg-dark{background:linear-gradient(177.03deg,#030706 -11.97%,#0D1211 57.49%,#5A5E5D 135.64%)}.bg-fairy{background:linear-gradient(179.75deg,#971B45 -19.96%,#C23867 43.67%,#CD7D98 138.4%)}.bg-flying{background:linear-gradient(to right,#626B79 0%,#B8B5FF 50%,#DADADA 100%)}.letter-grass{color:#416460}.letter-fire{color:#e75c35}.letter-normal{color:#735259}.letter-fighting{color:#96402a}.letter-poison{color:#5b3184}.letter-ground{color:#654008}.letter-rock{color:#7e7e7e}.letter-bug{color:#4ab648}.letter-ghost{color:#323569}.letter-steel{color:#5e736c}.letter-water{color:#1479fb}.letter-electric{color:#0c1395}.letter-psychic{color:#5a178e}.letter-ice{color:#6fbedf}.letter-dragon{color:#478a93}.letter-dark{color:var(--text-primary)}.letter-fairy{color:#971b45}.pokedex__input-pokedex{padding:10px 20px;box-shadow:-1px 2px 10px #0004;font-size:1.2rem;height:50px;width:25vw}.pokedex__btn-pokedex{padding:10px;color:var(--color-white);background-color:var(--color-red2);box-shadow:-1px 2px 10px #0004;cursor:pointer;height:50px;width:10vw;font-size:1rem}@media (max-width: 600px){.pokedex__form{margin-top:1em}.pokedex__input-pokedex{padding:10px;box-shadow:-1px 2px 10px #0004;font-size:1.2rem;height:50px;width:50vw}.pokedex__btn-pokedex{padding:10px;color:var(--color-white);background-color:var(--color-red2);box-shadow:-1px 2px 10px #0004;cursor:pointer;height:50px;width:20vw;font-size:1rem}}.pagination{margin-left:auto;margin-right:auto;width:100%;display:flex;align-items:center;justify-content:center;gap:10px;padding:2em 0}.pagination__container{display:flex;gap:5px}.pagination__prev,.pagination__next,.pagination__page{width:30px;aspect-ratio:1;display:flex;justify-content:center;align-items:center;color:var(--text-primary)}.pagination__active{background-color:red;color:#fff;border-radius:5px}.pokedex__select{width:20vw;border:none;box-shadow:-1px 2px 10px #0004;font-size:1rem;padding:.375rem .75rem;line-height:1.5;-webkit-appearance:none;-moz-appearance:none;appearance:none}.pokedex__select::-webkit-scrollbar{display:none}@media (max-width: 600px){.pokedex__select{width:45vw;border:none;box-shadow:-1px 2px 10px #0004;font-size:1rem;padding:.375rem 2.25rem .375rem .75rem;line-height:1.5;-webkit-appearance:none;-moz-appearance:none;appearance:none;margin-bottom:1em}}.header__shared{width:100%}.header__red{background-color:#0c0c0c;width:100%;height:150px;bottom:0;left:0;position:relative}.header__black{background-color:var(--color-red);width:100%;height:100px;position:absolute;top:0;left:0}.header__circle{width:130px;position:absolute;aspect-ratio:1;background-color:#fff;border:13px solid #000000;overflow:hidden;border-radius:50%;top:55px;left:85%;transform:translate(-25%)}.header__circle-int{width:75px;position:absolute;aspect-ratio:1;background-color:#0c0c0c;border-radius:50px;left:50%;transform:translate(-50%,14px);border:13px solid #000000}.header__btn{width:100%;height:100%;color:var(--color-white);background-color:transparent;border:none;float:right;transition:all .5s}.pokedexred__img{position:absolute;max-width:450px;bottom:27%;left:0;z-index:1000}@media (max-width:600px){.header__circle{width:100px;position:absolute;aspect-ratio:1;background-color:#fff;border:13px solid #000000;overflow:hidden;border-radius:50%;top:70px;left:77%;transform:translate(-25%)}.header__circle-int{width:45px;position:absolute;aspect-ratio:1;background-color:#0c0c0c;border-radius:50px;left:50%;transform:translate(-50%,14px);border:13px solid #000000;display:flex;justify-content:center}.header__btn{border:none;float:none;width:max-content;text-align:center;transition:all .5s;border-radius:100%}}.pokedex__span{color:var(--color-red2);font-weight:700}.header{position:relative}.card-container{width:100%;display:flex;flex-wrap:wrap;gap:20px;padding:20px 40px;justify-content:center;text-align:center}.pokedex__p{margin-top:30px;margin-bottom:30px;font-size:24px;font-weight:400;text-align:center;color:var(--text-primary)}.pokedex__aside{display:flex;justify-content:center;gap:20px;height:50px}#selectPokePerPage{width:15%;border:none;box-shadow:-1px 2px 10px #0004;font-size:1rem;padding:.375rem .75rem;line-height:1.5;-webkit-appearance:none;-moz-appearance:none;appearance:none}#selectPokePerPage::-webkit-scrollbar{display:none}option:checked{background-color:#ed8f8f;color:#fff}.pokedex__container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4em}@media (max-width: 600px){.header{position:relative;width:100%}.pokedexred__img{position:absolute;max-width:225px;top:44%;left:0}.pokedex__p{margin:30px auto;font-size:24px;font-weight:400;text-align:center}.pokedex__aside{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;height:50px;margin:5em 0}#selectPokePerPage{width:55%;padding:2px 5px}}.error__container{width:100%;height:100vh;background:linear-gradient(to top,#09203f 0%,#537895 100%);display:flex;flex-direction:column;align-items:center;gap:1em;padding-top:2em}.error__btn{padding:1em 2em;border-radius:2em;font-size:20px;background-color:#ffcb03;font-family:Pokemon Solid,sans-serif;letter-spacing:2px;cursor:pointer;transition:all .5s}.error__btn:hover{background-color:#273b40;border:1px solid #FFCB03;color:#ffcb03;transform:scale(1.1)}.error__image{width:50%;height:45%;border:none;border-radius:1em}.error__txt{font-size:20px;font-family:Pokemon Solid,sans-serif;letter-spacing:2px;color:#ffcb03}@media (max-width: 700px){.error__container{width:100%;height:100vh;background:linear-gradient(to top,#09203f 0%,#537895 100%);display:flex;flex-direction:column;align-items:center;gap:1em;padding-top:2em}.error__btn{padding:0 20px;border-radius:2em;font-size:20px;background-color:#ffcb03;font-family:Pokemon Solid,sans-serif;letter-spacing:2px}.error__image{width:80%;height:20%;border:none;border-radius:1em}.error__txt{font-size:20px;font-family:Pokemon Solid,sans-serif;letter-spacing:2px;color:#ffcb03;text-align:center}}.byid{display:flex;flex-direction:column;width:100%}.byid__back{width:50px;height:50px;margin:2em 0 0 2em;transition:1s transform;cursor:pointer;display:flex;flex-direction:column;align-items:center}.byid__back:hover{transform:rotate(45deg)}.byid__back-image{width:100%;height:100%;transform:rotate(-90deg)}.byid__back-text{font-size:12px;color:var(--text-primary)}.byid__main{padding:150px 50px;display:flex;flex-direction:column;gap:1em;width:80%;margin:0 auto}.byid__section-1{width:100%;box-shadow:0 2px 16px #00000026;border-radius:4px;padding:2px}.byid__id{display:flex;justify-content:center}.byid__id p{display:inline-block;margin:10px}.byid__name{display:flex;justify-content:center;margin-bottom:.5em}.byid__name-lines{display:inline-block;position:relative;text-transform:capitalize}.byid__name-lines:before,.byid__name-lines:after{content:" ";position:absolute;background-color:#9a9a9a;width:15vw;height:1px;top:0;top:50%}.byid__name-lines:before{left:-17vw}.byid__name-lines:after{right:-17vw}.p__container{display:flex;justify-content:center;gap:8em;color:var(--text-primary)}.byid__p{display:flex;flex-direction:column;justify-content:center;align-items:center;font-weight:600}.byid__p-span{font-weight:400;font-size:13px}.byid__list{display:grid;grid-template-columns:repeat(2,1fr)}.byid__list-type{margin:.3em auto;grid-column:1/2;grid-row:1/2;color:var(--text-primary)}.byid__list-abilities{margin:.3em auto;grid-column:2/3;grid-row:1/2;color:var(--text-primary)}.byid__ul-type{margin:auto;grid-column:1/2;grid-row:2/3;display:flex;gap:5em}.item__type{color:#fff}.byid__ul-abilities{margin:auto;grid-column:2/3;grid-row:2/3;display:flex;gap:5em;color:var(--text-primary)}.byid__list-items{display:flex;justify-content:center;align-items:center;width:120px;height:30px;text-align:center;text-transform:capitalize;border:1px solid gray}.byid__stats{margin-left:1em;margin-top:1em;color:var(--text-primary)}.byid__bar-progress{padding:0 .5em}.progress{height:15px;width:100%;border:1px solid #E6901E;background-color:#e6f3fa;margin-bottom:15px;border-radius:4px}.progress__value{width:100%;display:flex;justify-content:space-between;font-size:small;padding:0 .5em;color:var(--text-primary)}.progress-bar{height:100%;background:linear-gradient(90deg,#FCD676 -2.25%,#E6901E 133.18%);display:flex;align-items:center;border-radius:1px;width:75%}.byid__section-2{width:100%;box-shadow:0 2px 16px #00000026;border-radius:4px;padding:2px}.byid__section2-container{width:100%;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;margin:1em 0}.byid__move__titles{color:var(--text-primary)}.byid__move-container{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;padding:1em 0}.move__item{display:flex;background-color:#e5e5e5e5;border-radius:50px;height:64px;padding:18px 38px;text-transform:capitalize;font-weight:400;font-size:20px;align-items:center;justify-content:center;text-align:center}.byid__container-img{height:180px;position:relative}.byid__img{width:335px;position:absolute;top:-135px;left:50%;transform:translate(-50%)}@media (max-width: 600px){.byid__main{padding:150px 30px;display:flex;flex-direction:column;gap:1em;width:100%;margin:0 auto}.p__container{display:flex;justify-content:center;gap:5em}.byid__list{display:grid;grid-template-columns:repeat(2,1fr)}.byid__list-type{margin:.3em auto;grid-column:1/3;grid-row:1/2}.byid__list-abilities{margin:.3em auto;grid-column:1/3;grid-row:3/4}.byid__ul-type{margin:auto;grid-column:1/3;grid-row:2/3;display:flex;gap:2.5em}.item__type{color:#fff}.byid__ul-abilities{margin:auto;grid-column:1/3;grid-row:4/5;display:flex;gap:2.5em}.byid__list-items{display:flex;justify-content:center;align-items:center;width:100px;height:30px;text-align:center;text-transform:capitalize;border:1px solid gray}}:root{--color-red:#DD1A1A;--color-red2:#D93F3F;--color-white:white;--background: white;--text-primary: black;--text-secondary: royalblue;--accent: purple}[data-theme=dark]{--background: black;--text-primary: white;--text-secondary: grey;--accent: darkred}*{box-sizing:border-box}body{margin:0;font-family:Inter,sans-serif}h1,h2,h3,h4,ul,p{margin-top:0;margin-bottom:0}ul{padding-left:0;list-style:none}img{display:block;width:100%}a{text-decoration:none;font-family:inherit}input{outline:none;border:none}button{border:none}